Thymeleaf[주석]

조영재·2023년 6월 10일

Thymeleaf

목록 보기
11/15

주석

**주석 종류**

  • 표준 HTML 주석
    • 자바스크립트의 표준 HTML 주석은 타임리프가 렌더링 하지 않고, 그대로 남겨둔다.
      <!--
      <span th:text="${data}">html data</span>
      -->
  • 타임리프 파서 주석
    • 타임리프에 적용되는 주석, 렌더링에서 주석 부분을 제거한다.
      <!--/* [[${data}]] */-->
      
      <!--/*-->
      <span th:text="${data}">html data</span>
      <!--*/-->
  • 타임리프 프로토타입 주석
    • HTML 파일을 웹 브라우저에서 그대로 열면 렌더링되지 않고 타임리프를 렌더링 한경우에만 보이는 주석
      <!--/*/
      <span th:text="${data}">html data</span>
      /*/-->

basicController

@Controller
@RequestMapping("/basic")
public class basicController {

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

basic/comments.html

<!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 파일을 웹 브라우저에서 그대로 연 경우

  • 타임리프를 렌더링 한 경우
profile
Just for fun

0개의 댓글