[java] Thymeleaf를 이용한 웹 페이지 동적 생성 방법은 무엇인가요?

29 Nov 2023

java

이 글에서는 Java에서 Thymeleaf를 이용하여 웹 페이지를 동적으로 생성하는 방법을 알아보겠습니다.

Thymeleaf는 Java 기반의 서버 사이드 템플릿 엔진으로, HTML 템플릿 내에서 Java 코드를 사용하여 동적으로 웹 페이지를 생성할 수 있습니다. 다음은 Thymeleaf를 이용한 웹 페이지 동적 생성 방법입니다.

의존성 추가 먼저, 프로젝트의 의존성 관리 파일(pom.xml 또는 build.gradle)에 Thymeleaf 의존성을 추가해야 합니다. Maven 프로젝트의 경우 다음 코드를 pom.xml에 추가합니다.

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

컨트롤러 작성 Thymeleaf를 사용하여 동적으로 생성할 웹 페이지의 데이터를 처리하기 위한 컨트롤러를 작성해야 합니다. 아래는 예시 컨트롤러입니다.

@Controller
public class MyController {

    @GetMapping("/dynamic-page")
    public String dynamicPage(Model model) {
        model.addAttribute("message", "Hello, Thymeleaf!");
        return "dynamic-page";
    }
}

템플릿 작성 웹 페이지를 동적으로 생성하기 위한 Thymeleaf 템플릿을 작성해야 합니다. 컨트롤러에서 전달한 데이터를 템플릿 내에서 사용할 수 있습니다. 다음은 예시 템플릿입니다.

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Dynamic Page</title>
</head>
<body>
    <h1 th:text="${message}"></h1>
</body>
</html>

실행 및 확인 컨트롤러에서 지정한 URL로 애플리케이션을 실행하면, Thymeleaf가 동적으로 생성한 웹 페이지를 볼 수 있습니다. 예시 컨트롤러에서는 “/dynamic-page” URL을 사용하므로, 브라우저에서 “http://localhost:8080/dynamic-page”로 접속하면 “Hello, Thymeleaf!”라는 메시지가 표시되는 웹 페이지를 확인할 수 있습니다.

위의 방법을 통해 Thymeleaf를 이용하여 Java에서 웹 페이지를 동적으로 생성할 수 있습니다. 추가적인 기능과 사용법에 대해서는 Thymeleaf 공식 문서를 참고하시기 바랍니다.

참고 문서:

Thymeleaf 공식 문서: https://www.thymeleaf.org/documentation.html