HTML 내 script 변경 시, 사용자가 캐시 지워야하는 불편함 없애는 방법

HTML에서 아래와 같이 script 파일을 import하여 사용할 수 있다.

 <script src="../../Forms/Scripts/FormCheck_academy.js" type="text/javascript"></script>

그런데, script 파일을 수정할 때 사용자 pc에 남아있는 쿠키 및 캐시들로 인하여 사용자 pc에 바로 적용이 안될 수 있다.

 

고객이 특정 집단이나 소수라면 "x월 x일 x시 배포작업으로 인하여 쿠키, 캐시 삭제 부탁드립니다." 라는 공지사항을 띄울 수있지만, 

 

고객이 불특정 다수거나 쿠키가 먹는 쿠키인 줄 아는 사용자가 있는 집단이라면 이러한 대처는 곤란하다...

 

그럴 때 사용하는 것이 아래와 같은 코딩 방법이다!

 <script src="../../Forms/Scripts/FormCheck_academy.js?ver=2019_08_20_001" type="text/javascript"></script>

 

version 파라미터를 이용하여 사용자 pc의 캐시가 갱신되어야 하는지 아닌지를 적절히 수정할 수 있다.

또한, get 방식의 파라미터가 아니라 구분을 위해 붙여놓은 것이기 때문에 캐시 외에 실제 코드에서는 동작되지 않고 개발자의 부담을 줄여준다.