[초보개발자]_JS, Css 파일 수정 내용 적용 불가 오류 해결

Js 파일을 변경하고 was 서버에 반영이 안되는 현상이 날때 해결

 

해당 파일은 Jquery를 담고있는 js를 script 해옵니다.

 

만약 제가 그 파일을 수정하고 다시 시작한다고 해도 js 파일을 수정한 부분이 적용이 안될 수도 있습니다.

 

그 이유는 브라우저는 캐쉬를 사용하게 되고 이 캐시로 js 나 css 문서가 처리가 되기 때문입니다.

 

jsp파일의 경우는 설정을 해 놓고 새로고침만 해도 변경점이 바로 적용됩니다.

 

여러번 f5를 눌러 갱신할 경우 될 수도 있지만. 이러면 좋지 않습니다.

 

브라우저가 캐쉬에 있는 파일을 사용하지 않고 바로 변경된 파일을 사용하는 법은 위의 사진에서와 같이

파일명 뒤에 ?ver= 를 붙이는 것입니다. 숫자는 뭐든 상관이 없습니다.

 

버전정보가 들어감으로써 캐쉬에 들어간 정보 대신에  변경된 css,js 파일을 사용하게 되는 원리입니다.

 

개발자 도구에서 local 캐시를 Refresh 하는 방법도 있습니다.

 

위의 사진은 스토리지 삭제입니다.

아래에 보시면 cache는 Refresh가 가능합니다.

 

*틀린곳이 있다면 지적 감사드립니다