[Thymeleaf] Comments (주석)

뷰 템플릿 엔진인 타임리프에서 지원하는 주석과 타임리프가 이 주석들을 어떻게 처리하는지 살펴보고자 한다

타임리프에서 사용할 수 있는 주석은 표준 HTML 주석을 포함하여 총 3가지의 주석을 지원한다

 

Standard HTML Comments (표준 HTML 주석)

가장 기본적인 표준 HTML 주석의 경우 타임리프가 렌더링을 하지 않고 그대로 남겨둔다 (페이지 소스코드에서 확인 가능)

<!--
<span th:text="${data}">html comment</span>
-->

 

Thymeleaf Parser-Level Comment Blocks(타임리프 파서 주석)

타임리프 파서 주석은 타임리프의 진짜 주석이다, 렌더링 할 때 주석 부분을 제거한다 (페이지 소스코드에서 확인 불가능)

<!-- 한줄 사용시 -->
<!--/* [[${data}]] */-->

<!-- 여러줄 사용시-->
<!--/*--
<span th:text="${data}">thymeleaf parser comment</span>
<!--*/-->

 

Thymeleaf Prototype-Only Comment Blocks(타임리프 프로토타입 주석)

조금 특이한 프로토타입 주석은 기존의 HTML주석에 타임리프의 기능을 조금 가미했다 두 가지 상황에서 나오는 결과물이 다르다

HTML을 바로 열 경우 : 기본적으로 HTML 주석이 들어가 있기 때문에 렌더링 되지 않는다 (페이지 소스코드에서 확인 가능)

뷰 템플릿으로 렌더링 할 경우 : 타임리프를 통해서 렌더링을 할 경우에 주석처리가 되지 않고 보이게 된다

즉 타임리프의 렌더링을 거칠때만 보이는 것이다

<!--/*/
<span th:text="${data}">prototype comment</span> 
/*/-->

 

---

개인 학습을 위해 작성되는 글입니다.

제가 잘못 알고 있는 점에 대한 지적 / 더 나은 방향에 대한 댓글을 환영합니다.

 

참조 링크:

https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-mvc-2/dashboard

https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html