[SpringBoot] Thymleaf css, js 파일 추가 및 사용법

타임리프를 처음 공부하다 아주 생쇼..   보니 타임리프에서 css와 js를 사용할 줄을 몰랐다.

여러 가지를 찾다 보니 해결방법을 찾아서 정리해본다.

 

 

1. 디렉토리 구성

src/main 하위에 있는 resources 파일 안 static 폴더에 css와 js 폴더를 각각 만들어준다.

해당 폴더 안에 각각의 형식을 가진 파일을 생성하여 추가하면 된다.

 

2. html 파일에서 사용법

-1) css

<link th:href="@{/css/main.css}" rel="stylesheet" />

-2) js

<script type="text/javascript" th:src="@{/js/kakaoMap/mapLoad.js}"></script>

 

끝!