템플릿엔진 - 타임리프

난 리액트 같은 프론트쪽 언어를 사용해서 클라를 꾸미기 때문에 그냥 대충만 적어놓는다

타임리프란?

타임리프는 템플릿 엔진이다.

템플릿 엔진

템플릿 엔진이란 스프링 서버에서 데이터를 받아 우리가 보는 웹 페이지에 데이터를 넣어서 보여주는 도구이다

템플릿 엔진 개념잡기

간단예제

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

h1 태그에는 이름이 text 어트리뷰트로 할당되어있다. p태그도 마찬가지, 즉 이름과 나이라는 키로 데이터를 템플릿 엔진에 넣어서 html에 적용한다

대표적인 템플릿 엔진

• JSP
• 타임리프
• 프리마커

스프링 부트에서 권장하는 템플릿 엔진은 타임리프이다!!

타임리프 표현식과 문법

타임리프 표현식

표현식 설명

${…}	변수의 값 표현식
#{…}	속성 파일 값 표현식
@{…}	URL 표현식
*{…}	선택한 변수의 표현식. th:object에서 선택한 객체에 접근

타임리프 문법

표현식 설명 예제

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