스프링(Spring)/스프링부트(SpringBoot)
[SpringBoot] Spring 프로젝트에서 Thymeleaf 설정하는 방법 + CSS도 설정하는 방법
2021. 12. 2. 00:31반응형
먼저, thymeleaf를 설정하는 방법을 소개 한 후,
thymeleaf 설정 후 css도 설정하는 방법을 알려드리겠습니다.
Thymeleaf 설정하는 방법
STEP 1. build/gradle 파일 설정
아래와 같이 thymeleaf 관련 dependency를 추가합니다.
..
dependencies {
..
implementation 'org.springframework.boot:spring-boot-starter-thymeleaf'
implementation('nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect')
}
STEP 2. application.properties 설정
아래의 4줄을 추가합니다.
spring.thymeleaf.cache=false
spring.thymeleaf.check-template-location=true
spring.thymeleaf.prefix=classpath:/templates/
spring.thymeleaf.suffix=.html
STEP 3. html 파일 상단에 thymeleaf 관련 태그 추가
아래의 첫줄인 <html xmlns.. 로 시작하는 것을 추가합니다.
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
....
CSS 설정하는 방법
STEP 1. src/main/resources/ 폴더에 static 폴더를 추가합니다.
(src/main/resources/static)
예를들어 style.css를 추가했다고 가정해보겠습니다.
STEP 2. html파일에 CSS 추가
아래의 <link> 태그를 참고하여,
style.css 파일과 연동하게 만듭니다.
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css" type="text/css">
<title></title>
...
적용된걸 확인할 수 있습니다!
조금이라도 도움이 되셨으면 아래의 하트 한번 눌러주시면 감사하겠습니다!!
반응형
'스프링(Spring) > 스프링부트(SpringBoot)' 카테고리의 다른 글
| [SpringBoot] SpringBoot + MySQL + JPA과 연동하기 + 테스트 (0) | 2022.01.08 |
|---|---|
| [SpringBoot] 스프링부트에서 재시작 없이 정적소스 변경 적용하기 (0) | 2021.12.03 |
| Spring Property 목록 (0) | 2021.03.09 |
| [SpringBoot] 영속성 컨텍스트(Persistence Context)란? (맛보기) (0) | 2021.02.18 |
| [SpringBoot] 5분 안에 SpringBoot로 Hello world 띄우기 (0) | 2021.02.17 |