타임리프와 템플릿 엔진

타임리프

템플릿 엔진

템플릿 엔진은 스프링 서버에서 데이터를 받아 우리가 보는 웹페이지, 즉, 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}"