View 환경 설정

Thymeleaf 템플릿 엔진

타임리프는 대표적인 뷰 템플릿 엔진이다.

thymeleaf 공식 사이트: https://www.thymeleaf.org/
스프링 공식 튜토리얼: https://spring.io/guides/gs/serving-web-content/
스프링부트 메뉴얼: https://docs.spring.io/spring-boot/docs/2.7.1.RELEASE/reference/html/ boot-features-developing-web-applications.html#boot-features-spring-mvc-templateengines

jpabook.jpashop.HelloController

package jpabook.jpashop;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

@Controller
public class HelloController {
    @GetMapping("hello")
     public String hello(Model model){
        //data라는 이름을 가진 hello!!라는 데이터를 모델에 담는다.
         model.addAttribute("data", "hello!!");
        // 화면 이름
         return "hello";
     }
}

thymeleaf 템플릿 엔진 동작 확인(hello.html)

<!DOCTYPE HTML>
<html xmlns:th="<http://www.thymeleaf.org>">
<head>
    <title>Hello</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
<p th:text="'ㅎㅇ. ' + ${data}" >안녕하세요. 손님</p>
</body>
</html>

위치: resource/template/hello.html

index페이지 만들기 : static/index.html

<!DOCTYPE HTML>
<html xmlns:th="<http://www.thymeleaf.org>">
<head>
  <title>Hello</title>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
Hello
<a href="/hello">hello</a>
</body>
</html>

참고: spring-boot-devtools 라이브러리를 추가하면 html 파일을 컴파일만 해주면 서버 재시작 없이 View파일 변경이 가능하다. 단축키 : Ctrl + Shift + F9(현재 파일만 리컴파일)

build.gradle에 의존성 추가

developmentOnly 'org.springframework.boot:spring-boot-devtools'

application.properties에 사용 여부 추가

spring.devtools.livereload.enabled=true
spring.devtools.restart.enabled=true