Section 1. Thymeleaf
1. Thymeleaf
컨트롤러가 전달한 가공된 데이터를 이용하여 동적으로 화면을 구성하도록 지원하는 템플릿 엔진
2. Thymeleaf 장점
- html 파일을 서버 사이드 렌더링을 하지 않고 브라우저에 띄워도 정상적으로 동작
- 디자이너 또는 퍼블리셔가 자신이 작업한 내용을 바로 열어서 확인 가능
- 개발자는 html 파일을 받아서 html 태그 안에 Thymeleaf 문법을 추가
Section 2. th : text
1. 상품 데이터 출력용 DTO 클래스
- 상품 (Entity) 클래스 자체를 반환 하지 않고 DTO 객체 이용
2. 상품 DTO 출력 Controller
3. 상품 DTO 출력 Thymeleaf
4. 출력 결과
Section 3. th : each
1. 상품 DTO 출력 Controller
2. 상품 DTO 출력 Thymeleaf
3. 출력 결과
- status 에는 현재 반복에 대한 상태 데이터 존재
- 상태 데이터에서 index를 출력
Section 4. th : if / th : unless
1. 상품 DTO 출력 Controller
- 위와 동일 (return html 파일 이름만 변경)
2. 상품 DTO 출력 Thymeleaf
- 위와 동일 (순번 처리 부분만 변경)
3. 출력 결과
Section 5. th : switch / th : case
1. 상품 DTO 출력 Controller
- 위와 동일 (return html 파일 이름만 변경)
2. 상품 DTO 출력 Thymeleaf
- 위와 동일 (순번 처리 부분만 변경)
3. 출력 결과
Section 6. th : href
1. URL 종류
- Absolute URL - 절대 경로 (http://...)
- Context-relative URL - 상대 경로(웹 애플리케이션 루트 기준)
2. 링크 처리 Controller
- th : href 를 통해서 들어오는 파라미터를 받을 수 있음
- (Model model,... 순서 상관 없음)
3. 링크 처리 Thymeleaf
- th : href 를 통해서 링크 이동 시 파라미터값을 전달할 수 있음 (key=value) 구조
4. 출력 결과