자바스크립트(js), css 수정 후 바뀐 내용이 브라우저에 바로 적용 되지 않을 때


자바스크립트(js), css 수정 후 바뀐 내용이 브라우저에 바로 적용 되지 않을 때

HTML 파일에서 JS와 CSS를 import해서 페이지를 작성 할 때 자주 만나는 문제가 있다. JS(자바스크립트) 또는 CSS의 내용을 변경하고 웹서버로 업로드 했는데 바뀐 내용이 바로 적용 되지 않을 때가 있다. JS와 CSS는 브라우저에서 캐쉬를 저장하는데 같은 페이지를 다시 접속 할 때 속도를 빠르게 하는 효과도 있고 트래픽도 절약 할 수 있다. 캐쉬 파일은 로컬(PC 또는 모바일)에 저장 되는 임시 파일이기 때문에 웹서버에 변경 된 새 파일을 업로드 해도 캐쉬 타임이 지나지 않으면 브라우저는 계속 로컬에 저장 된 캐쉬 파일을 읽어 온다. 이럴 때는 import 하는 태그 명령줄에 버전 형태의 변화를 주면 된다. 가장 간단하게 JS 파일을 import 하는 태그 형태다. myjs.js의 내용을 ..


원문링크 : 자바스크립트(js), css 수정 후 바뀐 내용이 브라우저에 바로 적용 되지 않을 때