if-else문의 경우는 [th:if]와 [th:unless]를 사용
아래는 div 에 포함되어있는 button 영역에 대해서 조건문을 사용한 것
<div th:if="${sessionName}" >
<button class="signup-button" onclick="logoutButton()">로그아웃</button>
</div>
<div th:unless="${sessionName}">
<button class="signup-button" onclick="toLogin()">로그인</button>
</div>
또는 th:block 을 사용하면 div 자체도 포함가능
<th:block th:if="${sessionName}">
<div>
<button class="signup-button" onclick="logoutButton()">로그아웃</button>
</div>
<div>
<button class="signup-button" onclick="toLogin()">로그인</button>
</div>
<th:block>
이렇게 block 으로 감싸주면 div 두개의 영역을 포함하도록 하는 것도 가능
출처: https://ssd0908.tistory.com/entry/thymeleaf-if-else-조건문-사용방법 [에스제이:티스토리]
'Front-End > Thymeleaf' 카테고리의 다른 글
[Thymeleaf] 내가 사용했던 소스 코드 설명 모음(계속 업데이트) (0) | 2024.09.20 |
---|