107일차: Spring Boot에서 Thymeleaf 사용하기(2)_2021.11.18

 

목차

- Spring Boot에서 Thymeleaf 사용하기(2)

 

 

▶ Spring Boot에서 Thymeleaf 사용하기(2)          (p) Thymeleaf

 

1) 반복문(th:each)                     sample3.html

- Thymeleaf에서는 th:each를 사용하여 반복문을 처리한다.

- 형식: th:each=”변수:${컬렉션}”

 

• 예시

 

 

*날짜 포맷을 원하는 포맷으로 지정하기

Java의 SimpleDateFormat 클래스나 JSTL의 국제화 라이브러리처럼 #date 유틸리티의 format() 메소드로 날짜 시간 지정 가능

ex) th:text="${#dates.format(member.regdate,'yyyy-MM-dd HH:mm:ss')}"

 

2) 변수 정의(th:with)                sample4.html

- Thymeleaf에서 변수를 정의할 때 th:with를 사용한다.

- 형식: th:with="변수명='값' "

 

• 예시

 

 

3) if 조건문(th:if ~ th:unless)                 sample4.html

- Thymeleaf에서 if ~ else와 같은 조건문을 사용할 때 th:if ~ th:unless를 사용한다.

- if의 조건과 unless의 조건을 동일하게 적어주어야 한다.

- 형식: th:if=”${조건}”

 

• 예시

 

 

4) Javascript 안에서 Thymeleaf 사용하기               sample4.html

- script태그에  th:inline="javascript"를 추가하면 script안에서 Thymeleaf를 사용할 수 있다.

 

• 예시

 

 

*태그의 위치에 따라 범위(scope)가 달라진다.

Ex) 변수를 정의하는 th:with를 <table> 태그 안에서 쓰면 테이블 내에서 사용되고, <tr> 태그 안에서 쓰면 <tr> 태그 내에서만 사용된다.