MVC 모델 대비 간단 정리
생성자를 통해 서버에서 쿠키 만들기
request 객체
request 영역
request(요청) 클라이언트(→서버)의 쿠키 얻기
response(응답) 클라이언트(←서버)로 쿠키전송
request.getCookies()
response.addCookie()
HTTP는 HyperText Transfer Protocol
이클립스 Ctrl+ spcae
Ctrl + Alt + o
서블릿이란 Dynamic Web Page를 만들 때 사용되는 자바 기반의 웹 애플리케이션 프로그래밍 기술입니다
JSP 태그
<%@ 지시자 %> 페이지 속성 지정
<%-- 주석 --%> 주석처리
<%! 선언문 %> 변수, 메소드 선언
<%= 표현식 %> 결과값 출력
<% scriptlet %> JAVA 로직 코드 작성Html
<body>에 사용하는 태그들
<br> 줄바꿈
<p>문단 설정하기</p>
<b>볼트체, 이탤릭체<i>
<h#>글자크기<h#>
<a href>하이퍼링크</a>
<table>태이블 만들기
<tr></tr>행 <td></td>열
</table>
<div>레이아웃 나누기</div>
<ol>순서가있는</ol> <ul>순서가없는</ul>
<li>리스트만들기</li>
<form>웹페이지 입력양식</form>
<form 속성 name="" action="url" method="전송방식">
<input type ="text, button, radio, checkbox, submit" name="" value="">
<select> <option>드롭다운</option> </select>
<div>
특정 영역이나 구획을 담당하는 태그입니다. 태그들을 담는 그릇이나 박스라고 생각하면 쉽습니다.
대표적인 블록 엘리먼트로, 한 줄을 다 차지하는 영역을 가지지만 자유자재로 크기나 위치 정렬을 바꿀 수 있습니다.
<a>
7. <a>
앵커(닻)를 뜻하는 태그로, 하이퍼 링크라고도 합니다. 링크를 타고 이동하는 웹의 핵심이라고 할 수 있습니다.
<script>
8. <script>
따로 스크립트 파일을 만들어 링크할 때는 <script src=""></script>라고 적고 따옴표 안에 파일의 위치와 이름.확장자를 기입합니다.
HTML문서에서 바로 스크립트를 작성하려면 <script>이 사이에 스크립트를 적습니다.</script>
HTML에 사용되는 스크립트는 자바스크립트가 가장 많이 쓰입니다.
<p>
문단을 뜻하는 태그이며, 웹 페이지에 일반적인 텍스트를 넣을 때 이 태그를 사용합니다.
기본형(ol)
<ol>
<li>항목 1</li>
<li>항목 2</li>
</ol>
기본형(ul)
<ul>
<li>항목 1</li>
<li>항목 2</li>
</ul>
13. <li>
리스트의 내용을 적는 태그입니다.
14. <ul>
위의 li 태그를 감싸는 수첩이라고 생각하면 쉽습니다.
ol은 1. 2. 3. 처럼 순서가 있는 리스트이고, ul은 순서가 없는 리스트입니다.
<table>
<tr>
<td>1행 1열</td>
<td>1행 2열</td>
</tr>
<tr>
<td>2행 1열</td>
<td>2행 2열</td>
</tr>
</table>
16. <br>
엔터를 한 번 치듯이, 행의 줄 바꿈을 해주는 태그입니다.
17. <h1>~<h6>
문서 내에 있는 크고 작은 제목을 적는 태그입니다.
h1이 가장 주요하고 큰 단위이며, 문서의 구조에 따라 가장 작은 단위인 h6까지 적을 수 있습니다.
18. <input>
입력 필드입니다. 로그인할 때 아이디를 적거나 회원가입 양식 등이 이에 해당됩니다.
입력받는 내용이 무엇인지에 따라 type을 적어서 php문서에 입력 내용을 전달할 수 있습니다.
19. <form>
input을 담는 태그입니다.
php를 할 때 많이 쓰이는데, input을 이용해 입력받은 데이터를 저장하거나 데이터에 따라 출력을 할 수 있습니다.
<form action="./contactPhp/insert.php" method="post"> 이렇게 사용합니다.
메소드에는 get과 post가 있는데 get 방식은 보안이 취약해 주로 post 방식을 사용합니다.
24. <button>
버튼입니다.
<ol>
<br>
<h1>
하이퍼링크 삽입
기본형
<a href="링크할 주소">텍스트 또는 이미지</a>
<form [속성="속성값"]>여러 폼 요소</form>
<form> method= get 사용자 입력 내용이
드러나게 서버로 넘겨줌
post 사용자 입력 내용이
드러나지 않게 서버로 넘겨줌
name= 자바스크립트로 폼 이름 지정
action= 서버 프로그램 지정
target= 열어볼 파일 위치 지정
autocomplete= 자동 완성 기능 지정(기본값 on)
<fieldset> 폼 내부에서 구역을 나눔
<legend> 구역 제목 붙이기
2. 목록 관련 태그
HTML 태그 (1)
태그 종류 설명
ol 순서 있는 목록의 시작과 끝을 나타낸다.
ul 순서 없는 목록의 시작과 끝을 나타낸다.
li 순서 있는 목록이나 순서 없는 목록의 각 항목을 나타낸다.
dl 설명 목록의 시작과 끝을 나타낸다.
dt 설명 목록의 이름을 나타낸다.
dd 설명 목록의 값을 나타낸다.
3. 표 관련 태그
HTML 태그 (2)
태그 종류 설명
table 표를 나타낸다.
caption 표의 제목을 넣는다.
tr 표의 행을 만든다.
td 표의 셀을 만든다.
th 제목 셀을 만든다.
thead 표 구조에서 제목 부분을 나타낸다.
tbody 표 구조에서 본문 부분을 나타낸다.
tfoot 표 구조에서 요약이나 정리 부분을 나타낸다.
col 표에서 열의 스타일을 지정한다.
colgroup 표에서 여러 열을 함께 묶어서 스타일을 지정한다.
5. 폼에서 사용하는 태그
HTML 태그 (3)
태그 종류 설명
form 폼의 시작과 끝을 만든다.
fieldset 폼 요소를 그룹으로 묶는다.
legend 필드셋에 제목을 붙인다.
input 사용자가 내용을 입력할 필드를 삽입한다.
select, option 드롭다운 목록을 삽입한다.
trxtarea 텍스트를 여러 줄 입력할 수 잇는 텍스트 영역을 삽입한다
datalist 데이터 목록을 삽입한다.
6. < input > 태그의 유형
HTML 태그 (3)
태그 유형 종류 설명
text 한 줄짜리 텍스트를 입력할 수 있는 텍스트 상자를 넣는다.
password 비밀번호를 입력할 수 있는 필드를 넣는다.
search 검색할 때 입력하는 필드를 넣는다.
url URL 주소를 입력할 수 있는 필드를 넣는다.
email 이메일 주소를 입력할 수 있는 필드를 넣는다.
tel 전화번호를 입력할 수 있는 필드를 넣는다.
checkbox 주어진 여러 항목에서 2개 이상 선택할 수 있는 체크 박스를 넣는다.
radio 주어진 여러 항목에서 1개만 선택할 수 있는 라디오 버튼을 넣는다.
number 숫자를 조절할 수 있는 스핀 박스를 넣는다.
range 숫자를 조절할 수 있는 슬라이드 막대를 넣는다.
date 사용자 지역을 기준으로 날짜 (연, 월, 일)를 넣는다.
month 사용자 지역을 기준으로 날짜 (연, 월)를 넣는다.
week 사용자 지역을 기준으로 날짜 (연, 주)를 넣는다.
time 사용자 지역을 기준으로 시간 (시, 분, 초, 분할 초)을 넣는다.
datetime 국제 표준시 (UTC)로 설정된 날짜와 시간 (연, 월, 일, 시, 분, 초, 분할 초)를 넣는다.
datetime-local 사용자가 있는 지역을 기준으로 날짜와 시간 (연, 월, 일, 시, 분, 초, 분할 초)를 넣는다.
submit 전송 버튼을 넣는다.
reset 리셋 버튼을 넣는다.
image SUBMIT 버튼 대신 사용할 이미지를 넣는다.
button 일반 버튼을 넣는다.
file 파일을 첨부할 수 있는 버튼을 넣는다.
hidden 사용자에게는 보이지 않지만 서버로 넘겨주는 값이 있는 필드를 만든다.
21. <footer>
사이트의 정보나 주소, 이메일, 연락처 등을 적는 태그입니다.
JSP
Servlet
웹 개발자