[JavaScript] JS파일 코드 변경사항이 반영되지 않는 문제

프로젝트를 진행하면서 생각보다 머리아프게 하는 부분이 자바스크립트의 변경사항이 제대로 반영되지 않는 문제였다.

이번 프로젝트에서는 게시글 CRUD부터 회원가입까지 AJAX를 사용해서 /api 경로로 넘겨주는 방식을 사용하는데, 새로 함수를 추가하거나 오타 등을 수정하거나 했는데 제대로 반영되지 않아 버튼을 눌러도 반응이 없거나 고치기 전 코드 내용으로 에러를 뱉곤 했다. 

 

기존에 자바스크립트의 ajax를 불러올 때는 

버튼의  id명을 통해 ajax를 실행시키는 방식이었다.

그래서 따로 js파일 경로를 가져와서 매핑할 필요는 없었다.

 

하지만 계속 변경사항이 제대로 반영되지 않아서 구글링을 했고...

 

 

ajax가 들어있는 js파일의 경로를 입력해서 매핑한 후, 경로 뒤에 ?ver=버전명 을 사용해서 새롭게 캐시를 부여해주면 변경사항을 바로 확인할 수 있다. 

 

 

 

 

 

참고출처 

https://kanu.tistory.com/30

https://jy-beak.tistory.com/37