처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈

캐시 무효화(Cache Busting)를 위해 파일명에 해시를 추가하는 이유는?

보통 freeCodeCamp
보기 및 정답
A 파일 내용이 변경되면 해시가 바뀌어 새 URL이 되므로, 브라우저가 캐시 대신 최신 파일을 다운로드한다
B 파일 내용을 해시 알고리즘으로 암호화하여 전송 중 데이터 유출을 방지하고 보안을 강화한다
C 파일을 해시 기반의 특수 압축 알고리즘으로 처리하여 전체 파일의 크기를 줄이고 네트워크 전송 속도를 높인다
D 파일의 해시값을 서버에서 검증하여 전송 중 손상 여부를 확인하고 데이터 무결성을 보장한다

해설

Webpack, Vite 등 빌드 도구는 파일 내용의 해시를 파일명에 포함시킵니다(예: app.abc123.js). 코드가 변경되면 해시가 달라져 새 URL이 되므로 브라우저는 캐시가 아닌 서버에서 새 파일을 받습니다. 변경되지 않은 파일은 기존 캐시를 그대로 사용합니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기