IT/HTML,CSS,JS

[JS/Chrome/Intellij] 수정한 CSS, JS 파일 적용 안됨 오류 해결

북더기 2021. 5. 18. 15:14

 

문제 : intellij 상에서 spring 기반으로 jsp 화면을 개발하던 중, 임포트해서 사용하던 .css와 js 파일을 수정하고, update resources를 해도 수정된 내용이 반영되지 않음. 

 

크롬 개발자 도구로 .js 파일을 클릭했을때, 업데이트 되지 않은 내용이 그대로 있다.

intellij에서 invalid cache/restart와 tomcat was 서버 restart를 해도 해결되지 않았다.

 

원인 : 브라우저의 캐시 사용으로 인해 원래 누적되어 있는 JS/CSS 파일을 그대로 사용하기 때문에 업데이트 된 파일이 사용되지 않는다고 한다. 

 

해결 : import 파일명 뒤에 ?ver=(아무숫자) 를 추가한다. 기존 url과 다른 url로 인식하여, 새로운 파일을 불러와 사용하게 된다(바로 해결되었다!) 

 

변경 전 : <script type="text/javascript" href="/resource/js/checkSignup.js"></script>
변경 후 : <script type="text/javascript" href=/resource/js/checkSignup.js?ver=1"></script>

CSS파일도 마찬가지로 <link rel="stylesheet" href="파일 경로?ver=1" /> 과 같이 붙여 주면 된다.