[springboot]thymleaf(타임리프)

Thymleaf(타임리프)는 서버사이드 java 템플릿 엔진으로 HTML 문서에 데이터를 바인딩하고 렌더링하는 역할을 수행한다.

주로 스프링 프레임워크와 함께 사용하여 동적인 웹 페이지를 생성한다.

타임리프는 순수html을 유지하면서 템플릿을 구성하기 때문에 디자인과 개발 단계를 쉽게 분리할 수 있다.

 

타임리프 기초문법

문법구조 : html태그 내에서 th: 속성을 사용하여 서버에서 전달한 데이터를 바인딩 한다.

예시 속성 사용법 : <div th:text="${data}"> 여기서 th:text속성은 html 태그 안에 동적으로 텍스트 내용을 추가한다는 의미

<ul>
  <li th:each="name : ${names}" th:text="${name}">Name1</li>
</ul>

<div th:replace="~{/common/footer :: footerFragment}"></div>

이 코드는 names라는 목록에 들어있는 각 이름(name)을 리스트 형태로 보여주는 역할을 한다.

th:replace는 include와 유사한 속성이다. 다른 페이지를 접목 시킬때 사용한다.

th:each는 타임리프의 반복문이다.

 

html문서의 정적인 내용에 서버에서 처리한 데이터를 동적으로 삽입해야 할 때 타임리프를 통해 비교적 간단하고

지관적으로 작업이 가능하다.

 

타임리프 스프링 의존성 추가

<dependency>
  <groupId>org.springframework.boot</groupId>
  <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

 

Tutorial: Using Thymeleaf