Spring, Spring boot

타임리프와 템플릿 엔진

ron_nie 2023. 10. 17. 16:42

728x90

타임리프

템플릿 엔진

템플릿 엔진은 스프링 서버에서 데이터를 받아 우리가 보는 웹페이지, 즉, HTML 상에 그 데이터를 넣어 보여주는 도구입니다. 다만, 템플릿 엔진은 HTML과 함께 템플릿 엔진을 위한 문법을 살짝 섞어 사용해야 합니다.

개념잡기

서버에서 보내준 이름과 나이를 넣을 수 있다.

{
    이름 : "홍길동",
    나이 : 11
}

<h1 text=${이름}>
<p text=${나이}>

템플릿 엔진이 종류

JSP
타임리프
프리마커 등
하지만 스프링은 타임리프를 권장하고 있기 때문에 타임리프를 사용하자!
타임리프 표현식
${...} : 변수의 값 표현식
#{...} : 속성 파일 값 표현식
@{...} : URL 표현식
*{...} : 선택한 변수의 표현식. th:object에서 선택한 객체에 접근
타임리프 문법

th :text
텍스트를 표현할 때 사용
```
th:text=${person.name}
```
th:each
컬렉션을 반복할 때 사용
```
th:each="person:${persons}"
```
th:if
조건이 true인 때만 표시
```
th:if="${person.age} >= 20"
```
th:unless
조건이 false인 때만 표시
```
th:unless="${person.age} >= 20"
```
th:href
이동경로
```
th:href="@{/persons(id=${persons.id})}"
```
th:with
변수값으로 지정
```
th:with="name=${person.name}"
```
th:object
선택한 객체로 지정
```
th:object="${person}"
```