[Thymeleaf] 타임리프란?

SEOP·2023년 4월 29일
0
post-thumbnail

Thymeleaf

  • '서버 사이드 템플릿 엔진'의 한 종류이다
  • html 태그에 속성을 추가하여 페이지에 동적으로 값을 추가하거나 처리할 수 있다
  • 스프링에서 권장하는 템플릿 엔진이다
  • JSP파일과의 차이점은 서버 사이드 렌더링을 하지 않더라도 브라우저에서 정상적인 화면을 볼 수 있다.
    확장자명이 .html이라 VSCode의 Live Server도 잘 돌아가는 것이 내가 생각하는 장점이다.
<html xmlns:th="http://www.thymeleaf.org">

html파일 위에 수정해준다.

<p th:text="${data}">Hello Thymeleaf!</p>

이런식으로 사용한다.

예시

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">        <!--thymeleaf 문법을 사용하기 위해 추가 -->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <p th:text="${data}">Hello Thymeleaf!!</p>   <!-- controller의 model의 data라는 key값에 담아준 값 출력 -->
</body>
</html>
profile
응애 나 애기 개발자

0개의 댓글