[Thymeleaf] th:block 타임리프 임시 태그

[Thymeleaf] th:block 타임리프 임시 태그

 

이전 글들에서 봐왔듯이 타임리프의 다양한 표현식을 사용하려면 html 태그를 써야 했습니다.

 

타임리프의 th:block이라는 속성, 태그를

사용하여 html 태그를 대체해 타임리프(thymeleaf) 속성들을 사용할 수 있게 됩니다.

 

그리고 이 th:block은 html 태그는 아니기 때문에 태그로 html 태그로 랜더링 되지는 않아서

th:if 등과 함께 사용해 조건에 따라 영역 자체를 보이거나 보이지 않거나 할 수 있습니다.

 

타임리프 th:block 을 사용해 보겠습니다.

 

Controller에서는 페이지로 account 가 '회원'인 데이터만 전송하였습니다.

 

반응형

 

그다음으로 볼 것은 html 코드입니다. th-block.html 코드는 다음과 같습니다.

account라는 데이터가 '회원' 이면 Welcome! 메시지만 보이도록 하고, '회원'이 아니라면 Nico to meet you! 를 화면에 보이도록 하고 있습니다. 

 

Controller에서 account에 '회원'을 담아 보냈기 때문에 Welcome! 만 확인할 수 있을 것이고, 태그도 Welcome! 을 감싼 h2 태그 하나만 보이게 됩니다.

 

th:block 태그이자 속성은 임시 html 태그처럼 사용이 될 뿐 태그로써 존재하는 것은 아닙니다.

 

따라서 태그의 흔적을 남기지 않고,

어떤 값에 따라서 특정 블록을 보이거나 보이지 않거나 하는 등의 작업을 할 때 유용하게 사용할 수 있습니다.

 

이번 글에서는 th:block에 대해서 알아보았습니다.

---

좋아요, 구독, 광고 클릭은 큰 힘이 됩니다 : )