JSP - Orientation, HTML

7/13 복습

JSP(Java Server Page) Orientation, HTML

1. JSP

 - 개요: HTML 페이지를 만들기 위한 방법 중 하나
  JSP 내 HTML과 JAVA 코드가 있다. 하나의 클래스로 묶여 실행된다
 - 장점: 보안성이 좋다. HTML과 달리 사이트 내 코드가 노출되지 않는다.
 - 단점: 구버전이다. 현 Spring을 사용하지만 선행학습 해두면 추후 습득력이 빨라진다.
 - URL: 
  > http: Hyper Text Trasfer Protocol. 하이퍼 텍스트를 전송해주는 통신 규약. + s 된 https 는 보안성이 강화된 버전이다.
  > http 통신 process: 웹 브라우저 -> Request('손흥민 골' 검색) -> Web Server(NAVER) -> DB(대용량 저장소) -> Response(검색 결과 표현)
 - 정적 데이터(HTML)/동적 데이터(container)
  > HTML: 웹사이트 고정된 데이터를 출력 (ex. 로그인 버튼, 신문사 리스트)
  > container: 서버에서 로직을 통해 출력해줌 (ex. 시간에 따라 바뀌는 광고 배너)
 - 비고: 선수과목으로 Java(객체생성, 반복문, 매개변수, 은닉생성/호출, return 타입)이 있다.
 모르는 부분이 나오면 Java 복습 병렬적으로 공부하면 된다.

2. HTML

 - 개요: Hyper Text Markup Language. 웹 어플리케이션을 구현하기 위한 틀
 - 태그: HTML 문서를 구성하는 명령어

 1. 문장 구조
  > <br> : 행 바꾸기
  > <hr> : 행 바꾸기 + divide line(구분선 긋기)
  > <meta charset="UTF-8"> : 페이지의 인코딩을 UTF-8로 설정(*인코딩: 호환을 위해 변환해주는 작업)
 

 2. 기능 추가
  > <a> : link 넣기 (det. <a href="https://naver.com"> 네이버로 이동하기 </a>
  > <img> : 이미지 파일 삽입하기
    >>det1. 상대경로: src 시작할 때 \가 없음 <img src="img\Day01\Rosette" width="100px" height="50px" />
    >>det2. 절대경로: src 시작할 때 \를 붙임 <img src="C:\User\img\Day01...">
    >>det3. 상대경로에서 상위파일 갈 때 리눅스에서 배운 ..\를 사용한다. <img src="..\Day01\Rosette">image1</img>
   <table>
   > <table border="1px" align="center"> : 테이블 생성, 테두리 1px, 페이지에서 표 가운데 정렬
   > <thead> : 첫 행 bold 처리, head 행으로 설정
   > <tbody> : head 생성되면 body가 따라 붙음
   > <tr align="center"> : table의 자식태그. 행을 생성함, 행 가운데 정렬
   > <td colspan="4" rowspan="4" align"center"> : tr의 자식태그. 열을 생성함, 가로 4셀 병합, 세로 4셀 병합, 행 가운데 정렬
    >> <tr> n개, <td> m개 = n행 m열 table이 생성됨