[javascript/css] js, css가 바로바로 반영되지 않을 때 (feat.ver=)

오늘의 문제점

인클루드한 js와 css를 변경하면 캐시 삭제하지 않는 이상 반영이 즉각즉각 잘되지 않는다. 
캐시삭제하면 되는 일이지만 개발자들이야 바로 캐시삭제하고 사용하지만, 사용자에게 매번 캐시삭제하라고 할순 없지 않는가. 

-> js나 css파일을 변경하게되면 로컬의 PC에 쿠키가 남아있어 수정사항이 바로 반영이 안되는 것.

 

해결방법

1) 스크립트

<script src="../../join.js?ver=220610" type="text/javascript"></script>

위와 같이 ver=220610 넣어주면 새로운 캐시가 생성되어 반영되기 때문에, 바로 반영이 가능하다. ver=이후로는 아무런 숫자를 넣어도 됨.

 

2) css

<link rel="stylesheet" type="text/css" href="../join.css?ver=220610"/>

css도 js와 마찬가지로 href 밑에 ver= 을 삽입하면된다. 

 

출처

js css 버전 관리, js나 css 를 변경해도 브라우저에 반영안될 때,