[Thymeleaf] text, utext

타임리프의 기본 표현식을 정리한다.

//변수 표현식
${...}

//선택 변수 표현식
*{...}

//메시지 표현식
#{...}

//링크 URL 표현식
@{...}

//리터럴 대체
|wow ${data}|

 

타임리프의 가장 기본 기능은 텍스트를 출력하는 기능이다.

<span th:text="${data}">

 

HTML 태그 속성이 아니라 HTML 콘텐츠 영역 안에서 직접 데이터를 출력하고 싶다면 다음과 같이 사용하면 된다.

[[${data}]]

 

태그 효과도 포함하여 출력하고 싶을 경우

<span th:utext="${data}"></span>
[(${data})]

 

th:with를 사용하면 지역 변수를 선언해서 사용할 수 있다.

<div th:with="first=${users[0]}">
    <p>처음 사람의 이름은 <span th:text="${first.username}"></span></p>
</div>

 

---

 

🔗 강의 링크

https://inf.run/GMo43