css가 적용되지 않는 문제 트러블슈팅
문제
최근 실습 도중 웹 페이지에 css 파일이 적용되지 않는 문제가 있었다. 처음에는 당연히 경로를 잘못 설정해서 생긴 인식 문제라고 생각했는데, 희안하게 개발자 도구에서 살펴보면 css 파일을 잡아서 내용까지 모두 보이는 것을 확인할 수 있었다.
경로를 상대경로로도 바꿔보고 절대경로로 바꿔보고 웹페이지 라이프사이클 문제인가 싶어 ‘?after’도 붙여봤지만 문제가 해결되지 않았다.
해결
1시간 넘게 씨름하다가 간신히 발견한 원인은 css가 ‘text/css’가 아닌 ‘text/html’의 형태로 불러와졌고, 그 이유는 filter 단에서 그렇게 처리했기 때문이었다.
생각지도 못했던 부분이었기에 발견하기 매우 힘들었다. 페어 프로그래밍이라 내 코드가 아닌 다른사람의 코드로 했기에 더더욱 발견하기 힘들었던 것 같다. 다음엔 더 빨리 문제를 해결할 수 있을 것 같다.
잡설
cursor ide 위에 스프링 토이프로젝트를 하려고 하는데, 분명 같은 파일인데도 매일같이 다른 오류에 시달리고 있다. 오늘은 ‘-parameters’ 문제로 컴파일이 안되는가 하면, 건드린게 없는데도 다음 날에는 css가 깨져서 적용되지 않는다.
내가 cursor에 제대로 개발환경을 잡지 못해서 그런가? 아니면 c++과 같이 microsoft의 경쟁주의적 행보가 extension을 서드파티에서 제한해서 그런가?(실제로 extension 창의 Spring 익스텐션에 에러가 떠있긴 했다) 알 수 없는 일이다.
좀 더 시도를 해보다 안되면 intellij 위에 ai를 연동하여 사용하는 방법도 알아봐야겠다.