728x90
주석의 사용법을 알아보기 위해 준비 작업을 먼저 해본다.
컨트롤러에 우선 아래와 같은 맵핑을 해주고, comments라는 html파일을 생성해준다.
@GetMapping("/comments")
public String comments(Model model){
model.addAttribute("data","Spring!");
return "basic/comments";
}
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>먼저 표준 HTML 주석은 우리가 아는 그냥 주석이다. 그래서 따로 처리없이 주석으로 소스 코드에 그대로 나온다.
그 다음으로 타임리프 파서 주석을 보자.
<!--/* [[${data}]] */-->
<!--/*-->
<span th:text="${data}">html data</span>
<!--*/-->타임리프 파서 주석의 경우 위와 같은 형식으로 <!--/*...*/-->으로 정의하고, 이는 렌더링 시에 아예 사라지게 되는 주석으로 페이지 소스를 봤을 때도 사라져서 보이지 않는다.
다음은 타임리프 프로토 타입 주석을 보자.
<!--/*/
<span th:text="${data}">html data</span>
/*/-->이 주석은 웹브라우저에서 직접 열어볼 경우에는 주석을 보지 않고, 타임리프가 서버사이드 렌더링을 할때만 보여주도록 만드는 주석이다.
형식은 <!--/*/.../*/-->이다.
728x90
'Spring' 카테고리의 다른 글
| 타임리프 멀티 체크박스 (0) | 2023.06.27 |
|---|---|
| 타임리프 활용 (0) | 2023.06.26 |
| HTTP 에 대하여 (0) | 2023.02.17 |
| 수정 및 DB연결 관련 오류해결 (0) | 2022.11.07 |
| 게시글 사이트 조회 목록 만들기 오류 해결 (0) | 2022.11.07 |