error

[스프링부트] 타임리프 CSS 적용이 갑자기 안 될 때

colin2 2024. 12. 31. 09:32

 

 

[문제]

스프링부트 프로젝트의 resources - static - css 폴더 안에 style.css 파일이 들어있고, 분명 잘 적용이 되고 있었던 CSS가 '어느 순간'부터 로그인을 하지 않았을 때, 아주 베이직해졌다.

 

찾아보니 보통 시큐리티가 추가되면서 CSS의 적용이 되지 않는다는 글들이 보였다.

 

내 경우에는 시큐리티를 적용한 것은 아니었으나, 세션의 값을 확인하는 코드의 중복을 줄이기 위해 Interceptor 파일을 만들고, Config 파일에 제외할 경로를 추가하면서부터였다.

 

분명 resources 아래의 전체를 제외한다고 명시해둔 것 같아 괜찮겠거니 생각했는데, 적용이 되지 않는 것이었다.

 

제대로 적용이 됐다면 아래 사진처럼 보여야 하는데,

 

로그인을 하지 않으면 아래 사진처럼 css 파일이 적용이 되지 않았다.

 

 

[해결]

그래서 Config 파일의 제외할 경로에 추가적으로 css 폴더를 추가해 주었고, 그제서야 로그인을 하지 않아도 css 파일이 적용되는 것을 볼 수 있었다.

 

혹시 그 외에 다른 경우라도 로그인을 하면 적용이 되는데 하지 않으면 적용이 되지 않는다거나 하면, 로그인과 비로그인 상태를 나누는 곳을 잘 해결해주면 문제 없이 적용할 수 있을 것 같다.

 

만약 css 외에 js나 image 폴더가 따로 있다면, css처럼 따로 명시를 해주는 것이 명확할 듯 하다.