Thymeleaf 란?

Thymeleaf 란?

• 스프링부트에서 작성한 HTML 태그에 추가되는 value 값을 작성하기 편하게 하는 오픈 소스 템플릿 엔진

•  HTML 태그에 속성을 추가해 페이지에 동적으로 값을 추가하거나 처리할 수 있게 도와주는 것

• 주로 스프링부트에서 Test 용으로 간단한 html  파일을 작성할 때 사용하며, 형태만 다를 뿐 ejs와 사용하는 의도는 다르지 않다.

 

 

Thymeleaf 표현식

서버에서 전달받은 데이터를 사용자들이 볼 수 있는 뷰로 만들기 위해 사용되는 정해진 규칙(표현식)

 

 

Thymeleaf 문법

용어	의미	사용법
th:text	태그 안의 텍스트를 서버에서 전달받은 값에 따라 표현하고자 할 때 사용하 는 문법	<span th:text="${hello}">message</span>
th:utext	변수에서 받은 값에 html 태그가있다면 태그 값을 반영해서 표시해줌 strong 가 설정된 안녕이라는 값이 서버에서 넘어왔다면 strong태그가 text로 나오는 게 아닌  “안녕”이라는 글자가 태그에 의해 굵게 표시됨	<span th:text="${<strong>dfd</strong>}"> message </span>
th:value	• HTML Element 의 value 속성값을 지정할 때 사용	<button th:value="${hello}">
th:with	변수 값을 지정해서 사용하고자 할 때 사용 서버에서 전달받은 ‘hello’ 값이 저장된 temp 라는 변수 가 만들어지고, Thymeleaf문법 내에서 사용 가능	<div th:with="temp=${hello}" th:text="${temp}" />
th:switch	• switch-case문을 이용할 때 사용되는 문법 • th:case 에서 case 문을 다루고, * 로 case문에서 다루지 않은 모든 경우가 처리 됨 ( * 는 일반 switch-case 문법에서의 default )
th:if	• 조건문이 필요할 때 사용되는 문법 • Else 문이 필요한 경우에는 th:unless 를 사용 • 주의. th:unless 에 if에 적은 조건을 적어줘야 위의 if가 아닌 경우를 인식 가능!!
th:each	• 반복문이 필요한 경우에 사용되는 문법 • 리스트와 같은 collection 자료형을 서버에서 넘겨주면 그에 맞춰 반복적인 작 업이 이루어질 때 사용 가능