★ Requset_header HTTP 요청 메시지 -> 헤더 정보 헤더명(key), 헤더값(value) 확인 HTTP 요청 메시지 헤더 정보 헤더명(key) 헤더값(value) 실행 ■ request 확인 서버 도메인 : 서버 포트번호 : 요청 URL : 요청 쿼리 문자열 : 클라이언트 주소 : 프로토콜 : 요청 메소드 : 컨텍스트 경로 : 실행 결과
★ Servlet 구조 작동 원리 및 구조 ■ 데이터 전송 및 수신 1. 데이터 전송 -> Ex04 2. 데이터 수신 -> Ex04Ok Ex04 소스코드 package com.test.servlet; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.ServletException; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class Ex04 extends HttpServlet{ @Override protected ..
★ OutLine 바깥쪽 테두리를 만드는 역할 테두리 : border 사용 테두리 표현 O, 주변에 영역 침범 X : Outline 사용 사용법 #box2 { /* border : 10px solid cornflowerblue; */ outline : 10px solid cornflowerblue; } border와 비슷하지만 차이가 있음 size에 영향을 안미치고, 테두리가 생김으로 인해서 다른애들을 밀어내는 현상이 없음 실행 결과 ■ Text 상자를 이용한 OutLine HTML 코드 CSS 코드 : border를 주었을 경우 input[type=text] { display: block; /* 한줄 배치 */ margin-bottom: 5px; outline : none; } input[type=te..
★ 변형, Transform 위치, 크기, 회전, 왜곡 등 1. transform : translate() : 위치 변형(이동) 2. transform : scale() : 크기, 배율 변형(확대|축소) 3. transform : rotate() : 회전 변형 4. transform : skew() : 왜곡 변형(비틀기) 5. transform : matrix() : 1~4번 포함. 사용자 정의형 > 행렬 6. transform-origin : 변형 > 기준점(원점) 지정 ■ 사용 ex) ex1) transform : translate(x, y) x축, y축으로 이동 #box1 { background-color: tomato; transform : translate(50px, 0px); } 실행 결과 e..
★ Display 요소의 출력 방식 display : none | inline | block | inline-block; none : 화면에서 안보이게 함 inline : 인라인 태그로 출력 block : 블럭 태그로 출력 inline-block : 인라인 태그처럼 출력 + 너비/높이 지정 가능 ex) 사용법 .box { border: 1px solid black; display : inline; } .link { border : 1px solid black; display : block; } #menu li { border: 3px solid red; display : inline-block; width : calc(20% - 6px); /*calc(자동으로 계산해주는 것)*/ } ■ ex1) 기본사용..
★ CSS 박스 모델, Box Model 모든 태그는 사각형으로 랜더링(출력) 된다. 태그가 화면에 출력 될 때 공통된 성질에 관련된 정책(모델) 1. border 2. width, height 3. padding 4. margin ■ 1. 테두리, border 모든 태그는 자신의 영역을 가진다. 영역이 항상 사각형이다. > 테두리 테두리 > 표현 O, 표현 X border-style : solid, dashed, dotted를 자주사용함. 박스 모델 상자1 상자2 상자3 상자4 상자5 ■ 2. width, height 너비, 높이를 지정 width : 개체의 너비 height : 개체의 높이 블럭 태그 : width/height 적용 가능 인라인 태그 : width/height 적용 불가능 width+..
★ Style Tag 볼드체 볼드체입니다. 이탤릭체 이탤릭체입니다. 작은글자 작은글자 H2O표기 H2O 밑줄 밑줄을 긋습니다. 취소선 취소선입니다. 취소선 취소선입니다. 큰 글자 큰 글자 타자기 글자 타자기 글자 중요한 데이터(강조) 중요한 데이터 중요한 데이터(강조2) 중요한 데이터 형광펜 색칠 강조 데이터 한줄 인용구 한줄 인용구 여러줄 인용구 여러줄 인용구 코드 삽입 int a =10 주소 서울시 강남구 역삼동 추가된 데이터 추가된 데이터 삭제된 데이터 삭제된 데이터 폰트 변경 및 수정 텍스트
★ Apache Tomcat 다운로드 https://tomcat.apache.org/download-80.cgi Apache Tomcat® - Apache Tomcat 8 Software Downloads Welcome to the Apache Tomcat® 8.x software download page. This page provides download links for obtaining the latest versions of Tomcat 8.x software, as well as links to the archives of older releases. Unsure which version you need? Specification versions tomcat.apache.org tomcat 8버..
