[스프링] 뷰 템플릿 작성 방법

21 Dec 2023

스프링

스프링 프레임워크를 사용하여 웹 애플리케이션을 개발할 때, 뷰 템플릿은 사용자에게 보이는 웹 페이지를 만드는 데 중요한 역할을 합니다. 스프링에서는 Thymeleaf, JSP, Freemarker 등 다양한 뷰 템플릿을 지원합니다. 이번에는 Thymeleaf를 사용한 뷰 템플릿 작성 방법에 대해 알아보겠습니다.

Thymeleaf 의존성 추가

먼저, 프로젝트의 pom.xml 파일에 Thymeleaf 의존성을 추가해야 합니다.

<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

의존성을 추가한 후 Maven이나 Gradle을 통해 프로젝트를 업데이트 해야 합니다.

템플릿 파일 작성

Thymeleaf 템플릿 파일은 HTML 파일과 유사하지만, Thymeleaf의 문법을 사용하여 동적으로 데이터를 렌더링할 수 있습니다. 또한, Thymeleaf는 기존의 HTML 파일로 변환이 쉽기 때문에 기존 프로젝트에도 적용하기 편리합니다.

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Home</title>
</head>
<body>
    <h1>Welcome to our website</h1>
    <p th:text="${message}"></p>
</body>
</html>

위의 예제에서 th:text 속성은 message라는 변수에 할당된 데이터를 출력하는 Thymeleaf의 문법입니다.

컨트롤러 연동

마지막으로, 작성한 템플릿 파일을 컨트롤러와 연동하여 웹 애플리케이션에서 사용할 수 있도록 설정해야 합니다.

@Controller
public class HomeController {

    @GetMapping("/")
    public String home(Model model) {
        model.addAttribute("message", "Hello, World!");
        return "index";
    }
}

위의 컨트롤러는 “/” 경로에 요청이 오면 index.html 템플릿 파일을 렌더링하고, message 변수에 “Hello, World!”를 전달합니다.

이제 위의 단계를 따라 스프링 프레임워크에서 Thymeleaf 뷰 템플릿을 작성하여 사용할 수 있습니다. Happy coding!

더 자세한 내용은 공식 Thymeleaf 문서 를 참조하실 수 있습니다.