ThymeLeaf : 문법정리

표현식

1. 변수 표현식 : ${...}
2. 선택 변수 표현식 : *{...}
3. 메시지 표현식 : #{...}
4. Link URL 표현식 : @{...}
5. Fragment Expressions :~{...}

th: text

태그 안의 텍스트를 서버에서 전달 받은 값에 따라 표현하고자 할 때 사용된다.

<div th:text="${text}">message</div>

message 값 대신 text 변수로 값을 변경해준다.

th:utext

변수에서 받은 값에서 html 태그가 있다면 태극밧을 반영해서 표시해준다.

text와 utext의 차이점

• text의 경우

  <p>Hello World!</p> 와 같이 태그값이 같이 출력된다.

• utext의 경우

  Hello World! 와 같이 태그가 인식된 값으로 출력된다.

---

th:value

element의 값들을 지정할 수 있따.

<button th:value="${param}"/>

이와 같이 value 값을 바꿔줄 수 있다.

Form 태그

th:action

form 태그 사용 시, 해당 경로로 요청을 보낼 때 사용.(url)

th:object

form submit을 할때 동작하는 역할

th:field

각각 필두들을 매핑해주는 역할을 한다. 설정해준 값으로 th:object에 설정해 준 객체의 내부와 매핑해준다.