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

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

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

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

예제를 확인하세요:

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

파일 이름 뒤에 버전 번호가 오도록 파일 연결을 수정하세요.