백엔드(Back-end)/Spring

[Spring] 스프링부트 thymeleaf css 바로 반영하기

기록하는 동구 2020. 10. 23. 13:23
반응형

Springboot에서 템플릿엔진으로 Thymeleaf를 사용하면 HTML소스 변경할때도 매번 서버를 재시작해되는 불편함이 있죠?

 

이와 같이 javascript, html, css 프론트단을 바꿀때도 재시작하지않고 할수있는 방법을 아주 간단하게 알아 봐요!!

 

저같은 경우는 MacOS운영체제, 툴은 Eclipse에 maven을 사용하고있습니다. 여러분이 maven을 사용하고 계시다면 프로젝트안에 application.properties 이있을겁니다.

 

그곳에 아래와같이 적어줍니다.

 

application.properties

#절대경로
project.base-dir=file:////Users/wiju/eclipse-workspace/{프로젝트이름}

#정적파일(javascript.css등등) 위치
spring.resources.static-locations=${project.base-dir}/src/main/resources/static/

#템플릿HTML이 포함된 URL
spring.thymeleaf.prefix=${project.base-dir}/src/main/resources/templates/

#실제로 설정해주는 부분
spring.thymeleaf.cache=false

하나하나 어떤의미인지 설명을 해드릴게요! 코드를 읽을줄 알아야 써먹겠죠~

 

 첫번째로 #절대경로, 지금 프로젝트의 경로를 잡아줍니다. 

 

file:///  -> 이 뒤로, 프로젝트의 경로를 적어줍니다. 저같은 경우의 프로젝트의 경로는 file:////Users/wiju/eclipse-workspace/{프로젝트이름}

 

두번째로, #정적파일(javascript.css등등) 위치, spring.resources.static-locatios 절대경로를 이용해서 정적파일리소스 위치또한 잡아줍니다. 보통 메이븐프로젝트를 생성하셨다면 경로가 같을거에요!

 

세번째로, #템플릿HTML이 포함된 URL, spring.thymeleaf.prefix 템플릿HTML이 포함된 URL도 적어주세요!!

 

마지막으로 thymeleaf 캐시 설정을 false로 해주면 끝이에요 ~  이제 정적파일이나 HTML수정해도 재시작없이 바로바로 바뀌는걸 보실수있습니다. 어때요? 간단하죠!

 

 

이상 기록하는 동구였습니다. 감사합니다.

반응형