[Thymeleaf] 주석

1. 표준 HTML 주석

---

• 자바스크립트의 표준 HTML 주석은 타임리프가 렌더링 하지 않고, 그대로 남겨둔다.
• <!-- 주석 내용 -->

• <!--
  <span th:text="${data}">html data</span>
  -->

• 랜더링 결과

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

  Thymeleaf는 HTML주석을 제거하지 않음. 그대로 남겨둠.

 

 

 

2. 타임리프 파서 주석

---

• 렌더링에서 주석 부분을 제거
• <!--/* [[${data}]] */-->
• <!--/* 주석내용 */-->
• <!--/*-->  주석 내용  <!--*/-->

• <!--/* [[${data}]] */-->
  <!--/*-->
  <span th:text="${data}">html data</span>
  <!--*/-->

• 래더링 결과

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

  Thymeleaf는 파서 주석을 랜더링 시 삭제함.

 

 

 

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

---

• HTML 주석에 약간의 구문을 더했다.
  • <!--/*/  주석내용 /*/-->
• HTML 파일을 웹 브라우저에서 그대로 열어보면 HTML 주석이기 때문에 
• 이 부분이 웹 브라우저가
• 렌더링하지 않는다.
• 타임리프 렌더링을 거치면 이 부분이 정상 렌더링 된다.
• 쉽게 이야기해서 HTML 파일을 그대로 열어보면 주석처리가 되지만, 
• 타임리프를 렌더링 한 경우에만 보임
• <!--/*/ ~ 주석내용 /*/-->

• <!--/*/
  <span th:text="${data}">html data</span>
  /*/-->

• HTML 파일 열어본 경우

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

  기본적으로 html 주석이 사용되어 HTML 파일로 열면 주석이 남아있다. 
• 랜더링 결과

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

  하지만 랜더링하게 되면 주석이 사라지로 주석 내용이 랜더링되어 화면에 표시된다.

• 

• 결론
  • Thymeleaf proto type 주석은 HTML파일에서는 주석으로 사용,
  • Thymeleaf로 랜더링 한 경우에만 브라우저에 해당 내용 출력

 

 

4. GitHub : 210919 Comments

---

GitHub - bsh6463/Thymeleaf