TIL 24일차

◆ JSP 주석

1) <%-- --%>

• JSP주석
  - 이 주석은 서버 실행 시점에서 사라지므로 사용자는 볼 수 없습니다.
  

2) <!-- -->

• HTML주석
  - 이 주석은 클라이언트(사용자)에게 전달 됩니다.
  

자동 주석 단축키 : Ctrl + Shift + c

◆ Directive

1) 페이지의 기본 설정을 위한 코드

• <%@ %> 형태로 작성
• language="java"는 이 페이지에서 사용 가능한 언어를 설정(Java만 가능)
• contentType은 사용자가 받게 될 완성품의 형태와 인코딩 방식을 설정
  - text/html 을 MIME-TYPE이라고 부른다(대분류/세분류)
  - charset은 사용자가 받게될 글자의 표현 방식을 말한다
• pageEncoding은 서버에서 이 페이지를 제작할 때 사용할 글자 표현 방식

◆ HTML

• HyperText Markup Language
• 하이퍼텍스트를 만드는 언어
• 하이퍼텍스트는 링크를 통해 연결되어 있는 거대한 텍스트 덩어리 구조를 말한다.
• 태그(tag) 형식으로 표현하며 태그는 일반적으로 시작과 종료 태그가 존재한다.
• 엔터(Enter, 개행)나 공백(Space) 등이 정상적으로 출력되지 않는다.(해석되지 않는다.)
  

html : HTML 코드가 작성 될 영역을 설정
head : HTML 문서의 정보 영역을 설정
body : HTML 문서의 화면 영역을 설정
meta : 문서의 정보를 설정하는 태그(여기서는 인코딩만 설정)
title : 브라우저 상단에 표시되는 제목
- favicon(브랜드 로고) title 왼쪽의 로고를 말한다.
h1, h2, h3 : 헤드라인 태그, 각각의 숫자가 순서를 의미한다.
- h6까지 있다, 주로 h3까지 사용한다.
- 헤드라인 태그는 한 줄을 모두 차지한다.

◆ 입력폼(Form)

1) 폼(form)은 눈에 보이지는 않지만 내부에 입력창을 두고 전송할 수 있다.

• action : 폼이 전송될 목적지 주소이다.
  2) 입력창(input)은 사용자가 글자를 작성할 수 있다. (여러 개 가능)
• name : 전송할 때 입력값에 붙을 이름을 지정한다.
  3) 버튼(button)은 form 안에 있을 경우 해당 폼을 전송시킨다.(한 개)

◆ SELECT 입력창

• 지정한 목록 중에서 선택이 가능하다.
• <select> 내부에 <option>으로 선택할 수 있는 항목을 배치하는 것이다.
• <select>는 이름(name)을 작성한다.
• <option>은 값(value)을 설정하여 전송할 데이터를 지정할 수 있다.
• 검색은 한글로 하고 데이터를 전송할 때는 영어로 보낼 수 있다.
• 재귀호출 : 목적지가 없을 경우 함수 내부에서 자기 자신을 호출한다.

---

• jsp는 대소문자를 구별하지 않는다.

• 서버 : JAVA(JSTL)

• 클라이언트 : HTML, 자바스크립트, CSS