우당탕탕 개발일지

84일차_Thymeleaf (1) 본문

비트캠프/이론 및 정리

84일차_Thymeleaf (1)

ujin302 2024. 11. 5. 17:59
반응형

Thymeleaf

1. Thymeleaf 란?

Thymeleaf는 주로 서버 측 자바 웹 애플리케이션 개발에서 사용되는 템플릿 엔진

즉, HTML을 생성할때 사용

하지만 Thymeleaf는 서버 측에서만 사용되는 것은 아니며 이메일 템플릿, PDF 생성, XML 처리 등 다양한 용도로 활용

 

2. 특징

서버 사이드 HTML 렌더링(SSR)

: 타임리프는 백엔드 서버에서 HTML을 동적으로 렌더링하는 용도

 

네츄럴 템플릿 (natural templates)

: 순수 HTML을 그대로 유지하면서 뷰 템플릿도 사용할 수 있는 타임리프의 특징

  • 타임리프는 순수한 HTML을 최대한 유지하려는 특징 (JSP와의 큰 차이점)
  • 타임리프로 작성한 파일은 확장자도 .HTML이고 웹 브라우저에서 직접 파일을 열어 내용 확인 가능
  • 서버를 통해 뷰 템플릿을 거치면 동적으로 변경된 결과 확인 가능     

스프링 통합 지원

타임리프는 스프링과 자연스럽게 통합되어 스프링의 다양한 기능을 쉽게 사용

 

3. 사용법

타임리프는 문서 최상단에 다음과 같은 코드를 넣어 사용 

<html xmlns:th="http://www.thymeleaf.org">

 

타임리프는 주로 HTML 태그에 th:* 속성을 지정하는 방식으로 동작한다.
th:* 로 속성을 적용하면 기존 HTML 속성을 대체하고, 기존 속성이 없으면 새로 만든다.

 

 

 

[ 프로젝트 생성 ]

의존성

 

 

 

index.html

 

01_hitymeleaf.html

say 변수가 없는 경우, 있는 경우

 

 

서버에서 say 변수에 값 담아서 던짐

 

 

02_literal.html

 

 

 

03_variable.html

 

 

 

04_operation.html

 

 

 

 

 

 

 

 

 

 

반응형

'비트캠프 > 이론 및 정리' 카테고리의 다른 글

86일차_Thymeleaf  (0) 2024.11.12
88일차_JPA  (0) 2024.11.11
83일차_Spring Boot  (2) 2024.11.04
82일차_day09  (0) 2024.11.01
81일차_day08: Redux  (0) 2024.10.31