브라우저에 의한 JavaScript 파일 캐싱

브라우저는 연결된 JavaScript 파일을 캐시할 수 있습니다. 이는 사이트 로딩 속도를 높이기 위해 브라우저가 파일을 저장한다는 의미입니다.

실제로 이는 코드를 수정하는 순간, 브라우저가 현재 버전이 아닌 이전 버전의 코드를 적용하게 될 수 있음을 의미합니다.

이런 현상을 해결하기 위해 브라우저 캐시를 지우거나, 영리한 방법을 사용할 수 있습니다. 그 핵심은 스크립트를 연결할 때 파일 이름 뒤에 물음표, 등호, 그리고 스크립트 버전 번호를 추가하는 것입니다. 브라우저가 파일을 캐시하면, 버전 번호를 하나만 증가시키면 됩니다.

예제를 확인하세요:

index.html<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="script.js?v=1"></script>
  </head>
  <body>
    
  </body>
</html>