어느 날 갑자기 CSS가 적용 안 된다.

캐시 지우기, 정적 파일 모으기, link 버전 달기.. 모든 방법을 다해봐도 CSS가 적용이 안됐다.

기괴한 건 브라우저 개발자 모드로 CSS 파일을 정상적으로 로드한다는 것이다.

로컬로 실행했을 경우엔 또 잘 된다 말이죠...

그렇게 이틀 동안의 허튼짓으로 로컬과 서버의 차이는 nginx에서 나온다는 것을 깨닫고

nginx 설정 파일을 파헤치기 시작했다..

원인은 MIME 설정에 있었다...

types {
    application/javascript.js;
    }


이것을 지우니 해결됐다.. 참 허무했다. 

그렇다면 Nginx 설정에서 해당 MIME 타입 설정이 CSS 파일의 로드에 영향을 주는 것으로 보인다..
자바스크립트 파일만 해당 MIME 타입 설정이 적용되어야 하지만, CSS 파일에도 영향을 주어 문제가 발생한 것 같은?? 정확한 원인을 모르겠다.

지금까지 포스팅했던 DB도 다 날아가고.. 환상이다..
해결까지 못했으면 컴퓨터 뿌개 버렸을지도..