주석

예제에서 사용할 변수 String data = “Spring!” 이다.

1. 표준 HTML 주석

<!-- ... -->

• 웹 소스에 주석을 남긴다 ( 타임리프와 상관 x )

2. 타임리프 파서 주석

• 한줄일때 : <!--/* [[${data}]] */-->
• 여러줄 일때 : <!--/*--> ... <!--*/-->
• 웹 소스에 아예 보이지 않는다.

3. 타임리프 프로토타입 주석

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

• 앞 뒤에 <!-- , -->가 존재해서 HTML 주석으로 볼수도 있지만, 그렇지 않다.
• 타임리프로 랜더링 되었을 때만 보여준다.

대부분 2번 타임리프 파서 주석을 사용한다.

(예제)

<h1>1. 표준 HTML 주석</h1>
<!--
<span th:text="${data}">html data</span>
-->

<h1>2. 타임리프 파서 주석</h1>
<!--/* [[${data}]] */-->
<!--/*-->
<span th:text="${data}">html data</span>
<!--*/-->

<h1>3. 타임리프 프로토타입 주석</h1>
<!--/*/
<span th:text="${data}">html data</span>
/*/-->

실행 후 ‘페이지 소스보기’ 했을 때

1. 당연히 주석이 그대로 출력된다.
2. 웹 소스에서는 보이지 않는다.
3. 주석 처리된것은 보이지 않지만, <span>태그는 출력된다.

<h1>1. 표준 HTML 주석</h1>
<!--
<span th:text="${data}">html data</span>
-->

<h1>2. 타임리프 파서 주석</h1>

<h1>3. 타임리프 프로토타입 주석</h1>
<span>Spring!</span>

• Spring! 은 출력 됨

(참고)김영한님 인프런 Spring MVC-2
https://www.inflearn.com/course/%EC%8A%A4%ED%94%84%EB%A7%81-mvc-2