본문 바로가기
Front-End/Thymeleaf

[Thymeleaf] 조건문 사용하기 (+ th:block)

by 집돌이디벨로퍼 2024. 9. 22.

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-조건문-사용방법 [에스제이:티스토리]