Back to list

수정한 웹페이지가 그대로일 때: 브라우저와 서버 캐시 구분하기

웹 기초
수정한 웹페이지가 그대로일 때: 브라우저와 서버 캐시 구분하기

수정한 웹페이지가 그대로 보인다면 원본 파일이 바뀌었는지와 사용자에게 전달된 응답이 바뀌었는지를 구분해야 합니다. 캐시는 여러 위치에 있을 수 있어 브라우저 새로고침만으로 모든 상황이 해결되지는 않습니다.

저장된 응답이 어디에 있는지 봅니다


브라우저의 개인 캐시와 중간 서버의 공유 캐시는 역할과 범위가 다릅니다. MDN HTTP 캐시 안내는 응답 재사용과 캐시 종류를 설명합니다. 내 브라우저의 데이터를 지워도 중간 서버에 남은 응답은 별도로 관리될 수 있습니다.

비교 가능한 표시를 정합니다


수정한 문장이나 파일 이름처럼 바뀐 내용을 확실히 구분할 요소를 고릅니다. 다른 브라우저와 기기에서 같은 주소를 확인하고, 실제 배포된 원본에도 변경이 있는지 봅니다. 로컬 파일만 고치고 배포하지 않은 상황을 캐시 문제로 오해할 수 있습니다.

조치는 범위를 좁혀 진행합니다


  1. 배포 대상과 주소가 맞는지 확인합니다.
  2. 원본 응답과 화면의 변경 표시를 비교합니다.
  3. 사용 중인 캐시 계층을 확인합니다.
  4. 필요한 자원의 캐시만 갱신하고 다시 비교합니다.

여러 캐시를 동시에 비우면 어느 위치가 원인이었는지 알기 어렵습니다. 로그인된 개인 정보가 들어간 응답은 공개 정적 파일과 같은 정책으로 다뤄서는 안 됩니다.

다음 수정의 전달 방식도 정합니다


파일 버전이 바뀔 때 주소를 바꾸거나 적절한 만료 정책을 적용하는 등 운영 환경에 맞는 방법을 정합니다. 해결 확인은 내 화면만이 아니라 다른 환경에서 변경된 내용이 전달되는지까지 포함합니다. 원본과 전달 결과를 함께 보면 불필요한 반복 새로고침을 줄일 수 있습니다.

함께 읽으면 좋은 글


Post navigation

Articles