[Spring boot] thymeleaf / css 적용 안됨 😡

💥  CSS 경로 문제 해결

어제까지만 해도 적용이 잘 되었던 css / js 파일이 적용이 안되기 시작했다.

(아래와 같이 되어버림)

css 적용 문제 발생

 

☑️  원인 파악

현재 실행 중인 프로젝트만 문제인지 확인하기 위해 기존에 백업해 두었던 프로젝트를 실행시켜 봤지만

똑같은 상황이 발생했다.

 

설정된 css 경로 문제라고 판단했고 구글링을 시작했다

 

1. CND 링크 확인

2. Thymeleaf의 정적 리소스 적용 문제

3. 부트스트랩 JS 파일과 CSS 파일 충돌 문제

4. 캐시 문제 해결

 

나보다 먼저 이 문제를 겪은 많은 분들의 방법을 위와 같은 순서로 총 동원해봤지만 ... 해결이 되지 않았다

 

✅ 문제 해결

css 파일을 새로 만들어서 경로 파일 명을 변경해주었더니 정상적으로 돌아왔다..^^

css 파일 추가

 

Thymeleaf 경로 수정

 

기존 styles.css 파일을 그대로 style.css 파일로 복사했고 내용이 바뀐것은 없다.

파일을 새롭게 만들었기 때문에 경로 또한 파일명을 수정하였다.

css 적용 성공

---

문제 해결은 하나씩 점검해 나가다 보면 문제점이 좁혀지고 수정해볼 수 있는 폭 또한 좁아지는 것 같다.

 

파일을 새로 만드는 방법을 선택했지만 css 적용이 다시 잘 된 것에 나름 만족한다 ^^ 

 

혹시나 css 적용이 안되서 애를 먹고 있으시다면.. 파일을 새롭게 만들어 경로에 파일명을 수정해보는 것도 좋겠다.