타임리프 - 텍스트 쓰는 방법 / Escape - 스프링 MVC 2편

타임리프는 기본적으로 HTML 테그의 속성에 기능을 정의해서 동작한다.

HTML의 콘텐츠(content)에 데이터를 출력할 때는 th:text 를 사용하면 된다.

HTML 콘텐츠 영역안에서 직접 데이터를 출력하고 싶으면 [[...]] 를 사용하면 된다.

 

templates 내에 있는 동적 text-basic.html

 

---

Escape

 

HTML 문서는 < , > 같은 특수 문자를 기반으로 정의된다.

뷰 템플릿으로 HTML 화면을 생성할 때는 출력하는 데이터에 특수 문자가 있는 것을 주의해 사용해야 한다.

 

우리가 <b>Spring</b> 이런식의 출력을 원한다면

소스는 &lt;b&gt;Spring!&lt;/b&gt; 의 출력으로 바뀐다.

 

Unescape

unescape를 하기 위해서 타임리프의

th:text -> th:utext

[[...]] -> [(...)] 로 변경하면 된다. 

 

HTML 엔티티

웹 브라우저는 < 를 HTML 테그의 시작으로 인식한다.

< 를 테그의 시작이 아니라 문자로 표현할 수 있는 방법이 필요한데, 이것을 HTML 엔티티라 한다.