Dev/java
[thymeleaf] css 링크거는 방법
bskyvision.com
2024. 6. 8. 11:41
오늘은 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 태그 중 닫는 태그가 없는 경우에는 < /> 형태로 작성하여 태그가 끝났음을 분명히 해주는 것이 좋습니다.
끝.