Thymeleaf 주석
Thymeleaf는 HTML 주석과 Thymeleaf 주석 유형의 주석을 지원합니다.
템플릿 내부의 코드나 로직을 주석 처리하거나 특정 코드 블록을 임시로 비활성화 할 때 사용되며. Thymeleaf 주석은 다음예제와 같은 형식으로 작성된다.
예제
Controller
@GetMapping("/comments")
public String comments(Model model){
model.addAttribute("data", "Spring");
return "basic/comments";
}View
<!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>
✏️표준 HTML 주석
자바스크립트의 표준 HTML 주석은 타임리프가 렌더링 하지 않고, 그대로 남겨둔다.
✏️타임리프 파서 주석
타임리프 파서 주석은 타임리프의 진짜 주석이다. 렌더링에서 주석 부분을 제거한다.
✏️타임리프 프로토타입 주석
타임리프 프로토타입은 약간 특이한데, HTML 주석에 약간의 구문을 더했다.
HTML 파일을 웹 브라우저에서 그대로 열어보면 HTML 주석이기 때문에 이 부분이 웹 브라우저가 렌더링하지 않는다.
타임리프 렌더링을 거치면 이 부분이 정상 렌더링 된다. 쉽게 이야기해서 HTML 파일을 그대로 열어보면 주석처리가 되지만, 타임리프를 렌더링 한 경우에만 보이는 기능이다.
주석 내에 작성된 코드는 Thymeleaf에서 무시되며, 브라우저에서도 출력되지 않는다.
이는 주로 디버깅 목적으로 사용되며, 템플릿 내부의 코드를 일시적으로 비활성화 할 때 유용하다.
인프런 김영한님의 Sping강의 기반으로 공부한 것을 작성한 블로그입니다.
출처 : 인프런 -🔗 스프링 MVC 1편 by 우아한형제 김영한이사님
'Thymeleaf > Thymeleaf - 기본기능' 카테고리의 다른 글
| Thymeleaf - 자바스크립트 인라인 (0) | 2023.04.03 |
|---|---|
| Thymeleaf - 블럭(Block) (0) | 2023.04.03 |
| Thymeleaf - 조건부 평가 (0) | 2023.04.03 |
| Thymeleaf - 속성 값 설정 (0) | 2023.04.03 |
| Thymeleaf - 연산 (0) | 2023.04.03 |
