Thymeleaf 기본 문법 정리 (연산, 속성 값 설정, 반복, 조건부 평가, 주석)

연산
 
- 타임리프는 ${}안에서 자바 표현식처럼 연산할 수 있다.
 
- 산술연산
 
<p th:text="${10 + 5}"></p>
<p th:text="${price * 2}">
 
- 비교연산
 
<p th:text="${age >= 20}"></p>
 
- 논리연산
 
<p th:text="${isLogin and isAdmin}"></p>
<p th:text="${isLogin or isGuest}"></p>
<p th:text="${!isLogin}"></p>
 
속성 값 설정(th:*)
 
- 텍스트 설정
 
<p th:text="${username}">기본값</p>
 
- 링크 설정
 
<a th:href="@{/posts/${id}(id=${post.id})}">이동</a>
 
- 클래스 동적 설정
 
<div th:class="${isActive} ? 'active' : 'inactive'"><div>
 
- value 설정 (폼)
 
<input type="text" th:value="${user.name}">
 
반복(th:each)
 
- 리스트, 배열을 반복 출력할 때 사용한다.
 
 
- 기본 반복
 
<ul>
    <li th:each="item: ${items}" th:text="${item}"></li>
</ul>
 
- 객체 리스트
 
<tr th:each="user : ${users}">
    <td th:text="${user.name}"></td>
    <td th:text="${user.age}"></td>
</tr>
 
- 반복 상태 변수
 
<li th:each="item, stat : ${items}">
    <span th:text="${stat.index}"></span> // stat.index : 0부터 시작, stat.count : 1부터 시작, stat.first : 첫 번째 여부, stat.last : 마지막 여부
    <span th:text="${item}"></span>
</li>

조건부 평가
 
- if (조건이 true일 때만 렌더링)
 
<p th:if="${isLogin}">로그인 상태</p>
 
- unless (조건이 false일 때 렌더링)
 
<p th:unless="${isLogin}">비로그인 상태</p>
 
- 삼항 연산자
 
<p th:text="${isLogin} ? '환영합니다' : '로그인하세요'"></p>
 
- null 체크
 
<p th:if="${user != null}" th:text="${user.name}"></p>
 
주석 (Comment)
 
- 타임리프에는 HTML 주석과 타임리프 전용 주석이 있다.
 
- HTML 주석 (브라우저에 남음)
 
<!-- HTML 주석 -->
 
- Thymeleaf 주석 (렌더링 시 제거됨)
 
<!-- /* 타임리프 주석 */ -->
 
블록 주석
 
<!--/*
    <div>
        이 코드는 렌더링되지 않음
    </div>
*/-->