[Thymeleaf] 주석

 

Controller

@GetMapping("/comments")
public String comments(Model model) {
	model.addAttribute("data", "Spring!");
	return "basic/comments";
}

 

1. HTML (표준 HTML 주석)

<h1>예시</h1>
<span th:text="${data}">html data</span>

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

 

1. 결과 (표준 HTML 주석)

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

 

1. 표준 HTML 주석

• 타임피르가 렌더링 하지 않고, 그대로 출력

 

 

2. HTML (타임리프 파서 주석)

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

 

2. 결과 (타임리프 파서 주석)

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

 

2. 타임리프 파서 주석

• 렌더링에서 주석 부분을 제거

 

 

3. HTML (타임리프 프로토타입 주석)

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

 

3. 결과 (타임리프 프로토타입 주석)

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

 

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

• HTML 파일을 웹 브라우저에서 직접 열어보면,  HTML 주석에 의해 해당 파트를 웹 브라우저가 렌더링하지 않음
• 타임리프 렌더링을 거치면 해당 파트가 정상 렌더링