Welcome Page 만들기

resources/static/index.html

 <!DOCTYPE HTML>
 <html>
 <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>

thymeleaf 템플릿 엔진

@Controller
public class HelloController {
    @GetMapping("hello")
    public String hello(Model model) {
        model.addAttribute("data", "hello!!");
        return "hello";
    }
}

resources/templates/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>

thymeleaf 템플릿엔진 동작 확인

실행: http://localhost:8080/hello

동작 환경 그림

스크린샷 2025-03-25 오후 1.09.13.png

컨트롤러에서 리턴 값으로 문자를 반환하면 뷰 리졸버( viewResolver )가 화면을 찾아서 처리한다.