th: 키워드

Thymeleaf를 사용할때 html 태그에 th: 키워드와 함께 사용한다.

 

th:text를 사용하면 서버단에서 세팅한 변수로 내용을 변경해서 노출할 수 있다.

JAVA

model.addAttribute("alterText", "변경된 텍스트");

HTML

<p th:text="${alterText}">텍스트 입니다.</p>

HTML 태그

 

th: 키워드 뒤에 attributeName 을 사용하면 해당 태그의 attibuteName에 서버에서 세팅할 변수를 사용해서 설정할 수 있다.

HTML

<p th:data-alter-text="${alterText}">텍스트 입니다.</p>

HTML 태그

 

서버에서 세팅한 변수와 문자열을 연결해서 사용하려면 || 로 감싸주면 된다.

HTML

<p th:text="|${alterText} 입니다.|">텍스트입니다.</p>

HTML 태그

 

이외에도 조건문 th:if, 반복문 th:each 등을 위해서 사용할 수 있다.