[스프링] Thymeleaf로 index.html연결 실습

안녕하세요 【키보드 워리어】 블로그 방문자 여러분, 안경닦이입니다.

 

오늘은 Thymeleaf에 대해 알아볼게요.

 

---

 

Thymeleaf

 

Spring Boot에서 resources/templates 폴더는 기본적으로 Thymeleaf 템플릿 엔진과 연동하여 동적인 HTML 페이지를 생성할 때 사용됩니다.

 

의존성을 추가해 주시고요

 

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

 

그리고 index.html을 한번 만들어볼게요. 지정된 resources/templates/ 이 경로로 index.html 파일을 추가해 볼게요.

index.html

 

resources/templates/index.html에 파일이 있는 경우 파일을 불러오기 위해서는 Controller 클래스에서 @GetMapping 어노테이션

과 함께 ModelAndView 객체를 반환하면 됩니다.

 

 

Application.properties 파일은 아래에 내용을 추가해주세요.

 

Thymeleaf 세부 설정

 

spring.thymeleaf.prefix=classpath:templates/
spring.thymeleaf.check-template-location=true
spring.thymeleaf.suffix=.html
spring.thymeleaf.mode=HTML5
spring.thymeleaf.cache=false
spring.thymeleaf.order=0

 

spring.thymeleaf.prefix: Thymeleaf 템플릿 파일이 위치한 경로를 설정합니다. classpath:templates/은 클래스패스 상에

서 templates 디렉토리를 의미합니다.

spring.thymeleaf.check-template-location: 템플릿 파일 위치를 검사하여 존재하지 않으면 오류를 발생시킵니다.

spring.thymeleaf.suffix: Thymeleaf 템플릿 파일의 확장자를 설정합니다. (.html)로 설정되어 있으므로 index.html과 같은 파일

이 Thymeleaf 템플릿 파일로 사용됩니다.

spring.thymeleaf.mode: HTML5 모드로 설정합니다. 이는 HTML5 구문을 사용할 수 있도록 하는 설정입니다.

spring.thymeleaf.cache: 캐시를 사용할지 여부를 설정합니다. false로 설정하면 개발 중에 변경 사항이 바로 반영됩니다.

 

spring.thymeleaf.order: Thymeleaf 템플릿 엔진의 우선순위를 설정합니다. 다른 템플릿 엔진과 함께 사용되는 경우에만 의미가 있습

니다. 예를 들어, JSP와 Thymeleaf를 함께 사용하는 경우 JSP가 먼저 실행되고 Thymeleaf가 실행됩니다. 0으로 설정하면 가장 높은 우

선순위를 가집니다.

코드도 한번 짜보겠습니다.

 

@RestController
public class Example {
	@GetMapping("/")
	// 모델 객체 데이터 추가
    public ModelAndView index() {
	ModelAndView mav = new ModelAndView("index");
	return mav;
	}
}

실행결과를 살펴볼게요.

 

결과

index.html 연결 완료

잘 실행되었군요!

 

참고하시면 좋은 글

 

2023.04.09 - [Spring framework] - [Spring framework] application.properties란?

[Spring framework] application.properties란?

 

 

 

 

 

 

 

2023.04.08 - [Spring framework/REST API] - [Spring framework] REST API정리

[Spring framework] REST API정리

 

2023.04.05 - [Spring framework/Security] - [Spring framework] 스프링부트 - Security 연결

[Spring framework] 스프링부트 - Security 연결