반응형

먼저, 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>
        ...

 

적용된걸 확인할 수 있습니다!

 

 

조금이라도 도움이 되셨으면 아래의 하트 한번 눌러주시면 감사하겠습니다!!

반응형
저작자표시

'SpringBoot' 카테고리의 다른 글

[SpringBoot] SpringBoot + MySQL + JPA과 연동하기 + 테스트  (0) 2022.01.08
[SpringBoot] 스프링부트에서 재시작 없이 정적소스 변경 적용하기  (0) 2021.12.03
Spring Property 목록  (0) 2021.03.09
Spring Boot 셋팅하기  (0) 2021.03.01
[SpringBoot] 영속성 컨텍스트(Persistence Context)란? (맛보기)  (0) 2021.02.18

티스토리툴바