본문 바로가기
Thymeleaf

16. Thymeleaf와 Spring Framework의 통합 - 1

by leo2114 2024. 2. 24.
반응형

Spring Boot 프로젝트에서 Thymeleaf 설정

Spring Boot에서 Thymeleaf를 사용하려면 프로젝트에 Thymeleaf 종속성을 추가하고 설정해야 합니다. 이를 통해 HTML 템플릿을 사용하여 동적 컨텐츠를 생성하고 렌더링할 수 있습니다.

1. 의존성 추가

먼저 pom.xml 파일에 Thymeleaf 의존성을 추가합니다.

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

2. Thymeleaf 템플릿 파일 생성

Thymeleaf는 src/main/resources/templates 디렉토리에 HTML 템플릿 파일을 저장합니다. 예를 들어, index.html과 같은 템플릿 파일을 생성합니다.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <title>Spring Boot Thymeleaf Example</title>
</head>
<body>
    <h1 th:text="'Hello, ' + ${name} + '!'"></h1>
</body>
</html>

3. 컨트롤러에서 모델에 데이터 추가

컨트롤러에서 모델에 데이터를 추가하여 Thymeleaf 템플릿으로 전달합니다.

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

@Controller
public class HelloController {

    @GetMapping("/")
    public String hello(Model model) {
        model.addAttribute("name", "World");
        return "index";
    }
}

 

위의 코드는 "/" 경로로 요청이 들어올 때 "index" 템플릿을 렌더링하고, 모델에 "name" 속성을 추가하여 템플릿에서 사용할 수 있도록 합니다.

4. Thymeleaf 설정

Spring Boot는 기본적으로 클래스 경로의 templates 폴더에서 Thymeleaf 템플릿을 자동으로 로드합니다. 추가적인 설정이 필요하지 않습니다.

5. 실행

애플리케이션을 실행하고 웹 브라우저에서 http://localhost:8080/으로 접속하여 확인합니다.

$ mvn spring-boot:run

 

위의 단계를 따라하면 Spring Boot 프로젝트에서 Thymeleaf를 사용할 수 있습니다. Thymeleaf를 통해 동적인 웹 페이지를 쉽게 구성하고 렌더링할 수 있습니다.

반응형