2024-06-08 11:41:33

오늘은 thymeleaf에서 css 링크 거는 방법에 대해 알아보겠습니다.

 

thymeleaf에서 CSS, Javascript 등의 기본 디렉토리는 src/main/resources/static입니다. 따라서, 그 안에 css, js 등 폴더를 생성하고 파일을 넣어주면 됩니다.

 

만약 src/main/resources/static/css 안에 common.css가 있는 상황이라면, 다음과 같이 링크를 걸 수 있습니다. 

 

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

 

참고로 html 태그 중 닫는 태그가 없는 경우에는 < /> 형태로 작성하여 태그가 끝났음을 분명히 해주는 것이 좋습니다.

 

끝.

 

참고자료

[1] https://www.baeldung.com/spring-thymeleaf-css-js  

[2] https://mywebproject.tistory.com/66