오봉이와 함께하는 개발 블로그

스프링 MVC 2 - 타임리프 주석 본문

BE/Thymeleaf

스프링 MVC 2 - 타임리프 주석

오봉봉이 2022. 8. 17. 00:44
728x90

주석

바로 코드부터 보자

@GetMapping("/comments")
public String comments(Model model) {
    model.addAttribute("data", "Spring!");
    return "basic/comments";
}
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

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

<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>
/*/-->

</body>
</html>

결과

<h1>예시</h1> <span>Spring!</span>

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

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

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

1. 표준 HTML 주석

표준 HTML 주석은 타임리프가 렌더링 하지 않고, 그대로 남겨둔다.

2. 표준 HTML 주석

타임리프 파서 주석은 타임리프의 진짜 주석이다. 렌더링에서 주석 부분을 제거한다.

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

HTML 주석에 약간의 구문을 더했다.
HTML 파일을 웹 브라우저에서 그대로 열어보면 HTML 주석이기 때문에 웹 브라우저가 렌더링하지 않는다.
하지만, 타임리프 렌더링을 거치면 이 부분이 정상 렌더링 된다.

HTML 파일을 그대로 열어보면 주석처리가 되지만, 타임리프를 렌더링 한 경우에만 보이는 기능이다.

출처 : 인프런 김영한 지식공유자님 강의 스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
728x90
저작자표시

'BE > Thymeleaf' 카테고리의 다른 글

스프링 MVC 2 - 타임리프 자바스크립트 인라인  (0) 2022.08.17
스프링 MVC 2 - 타임리프 블록  (0) 2022.08.17
스프링 MVC 2 - 타임리프 조건부 평가  (0) 2022.08.17
스프링 MVC 2 - 타임리프 반복문  (0) 2022.08.17
스프링 MVC 2 - 타임리프 속성 값 설정  (0) 2022.08.16
'BE/Thymeleaf' Related Articles more
Comments