티스토리 뷰
웹사이트 개발이나 유지보수를 진행할 때, 코드 변경 후 서버에 적용했음에도 브라우저가 최신 정보를 보여주지 않는 상황이 발생할 수 있습니다. 이를 해결하기 위해 페이지를 새로고침하거나 파일을 다시 업로드하고 경로를 점검해도, 때때로 이전의 페이지 버전이 계속 표시됩니다.
이 문제는 대개 브라우저 캐싱, 서버의 캐싱 설정, 또는 파일 경로의 오류와 같은 다양한 요인으로 인해 발생합니다. 웹페이지가 최신 상태로 업데이트되지 않을 경우 취할 수 있는 몇 가지 조치 방법을 소개합니다.
브라우저 캐시 비우기
웹 브라우저는 방문 빈도가 높은 사이트의 데이터를 저장해 빠른 로딩을 도모합니다.
그러나 저장된 캐시 데이터가 최신 정보를 반영하지 않을 때가 있습니다.
이런 경우, 브라우저의 캐시를 삭제하는 것이 좋습니다.
다음은 주요 브라우저에서 캐시를 비우는 방법입니다.
Chrome: 설정 > 개인정보 및 보안 > 브라우징 데이터 삭제
Firefox: 설정 > 개인정보 및 보안 > 쿠키 및 사이트 데이터 > 데이터 삭제
Safari: 설정 > 고급 > 개발자 메뉴 보이기 > 개발 > 캐시 비우기
하드 리프레시
하드 리프레시는 캐시를 무시하고 서버에서 최신 페이지 데이터를 강제로 로드하는 기능입니다.
운영 체제별로 하드 리프레시를 실행하는 방법은 다음과 같습니다.
Windows: Ctrl + F5
macOS: Cmd + Shift + R
서버 캐시 검토
웹 서버나 CDN의 설정에 따라 서버 측에서도 캐싱이 설정될 수 있습니다.
서버 또는 호스팅 제공자의 캐시 설정을 확인하고, 필요 시 서버 캐시를 초기화하세요.
파일 경로와 이름 점검
서버에 업로드한 파일의 경로나 이름에 실수가 없는지, 완벽히 일치하는지 확인하세요.
HTML에서 참조하는 스크립트 파일의 경로가 올바른지도 중요합니다.
개발자 도구를 통한 검사
브라우저의 개발자 도구를 열어 네트워크 탭에서 해당 JavaScript 파일이 정상적으로 로드되는지 확인하세요.
파일이 404 오류를 반환한다면, 경로에 문제가 있는 것일 수 있습니다.