반응형 web2 Chrome 디스크 캐시 정리 방법 — 강력 새로고침으로 안 될 때 배포 후 강력 새로고침(Ctrl+Shift+R)을 해도 이전 버전이 보인다면, 디스크 캐시가 원인일 수 있다. 특히 JavaScript의 fetch()로 가져오는 데이터는 강력 새로고침으로 캐시가 우회되지 않는다.왜 강력 새로고침으로 안 되는가강력 새로고침은 브라우저가 직접 로드하는 리소스만 캐시를 우회한다.요청 유형 강력 새로고침 시HTML 문서O — 서버에서 새로 받음, , 등O — 서버에서 새로 받음JavaScript 코드 내 fetch()X — 디스크 캐시 그대로 사용JavaScript 코드 내 dynamic import()X — 디스크 캐시 그대로 사용React, Next.js, Vue 같은 SPA/SSR 프레임워크는 페이지 로드 후 JS에서 fetch()로 데이터를 가져오는 구조가 많다. 이.. 2026. 2. 12. 웹에서 사용하는 캐시 총정리 — 브라우저부터 서버까지 13가지 배포했는데 반영이 안 된다? 강력 새로고침(Ctrl+Shift+R)으로도 안 풀린다? 웹 캐시가 어디서 어떻게 동작하는지 전체 그림을 알면, 원인을 빠르게 찾을 수 있다. 요청이 서버에 도달하기까지 거치는 캐시 계층사용자가 URL을 입력하고 Enter를 누르면, 요청은 여러 캐시 계층을 순서대로 거친다. 어딘가에서 캐시 HIT가 발생하면 그 아래 계층은 실행되지 않는다. [ 클라이언트 영역 ]순서캐시설명1Memory Cache가장 빠름 (RAM)2Disk Cache (HTTP Cache)가장 흔한 캐시3Service Worker Cache개발자가 직접 제어4Back-Forward Cache뒤로가기 전용5Application CacheJS 런타임 (프레임워크, Storage) [ 네트워크 연결/정책 캐시 .. 2026. 2. 11. 이전 1 다음 반응형