웹 브라우저 캐시(Cache) 간단히 새로고침 하기

웹 서버를 수정하다 보면 웹 브라우저 상에서 수정사항이 잘 반영됐는지 확인할 일이 많습니다. 특히 CSS, JavaScript, 이미지 같은 정적 콘텐츠를 수정하고 났을 때 그냥 F5로 새로고침 하면 반영이 안 되기도 합니다. 브라우저가 이미 가지고 있는 캐시 데이터를 이용해서 화면을 로드하기 때문입니다.

 

캐시 데이터를 지워야 합니다. 물론 설정을 통해 데이터를 지울 수도 있지만 Ctrl + F5 키를 누르면 데이터를 이미 저장해 놓은 캐시가 아닌 서버에서 가져오도록 합니다. 서버에 반영된 최신의 리소스를 이용해서 페이지를 로드할 수 있습니다.

 

개발 과정에서도 많이 쓸 수 있지만, 일반 사용자들도 웹 페이지가 정상적으로 로드되지 않거나 예상대로 작동하지 않을 때 Ctrl + F5 키를 누르면 서버에서 최신 리소스를 받아오며 제대로 고쳐지는 경우도 있습니다.

 

다만, Ctrl + F5 키는 쿠키(Cookie)는 삭제하거나 초기화하지 않습니다. 쿠키에는 사용자의 로그인 정보, 사이트 설정, 기타 사용자 특정 정보를 저장하는 데이터 조각입니다. 또 로컬 스토리지 또는 세션 스토리지 같은 데이터도 영향을 받지 않습니다. 이러한 사용자 특정 데이터를 삭제하거나 초기화하려면 브라우저의 설정 메뉴를 통해 수동으로 해야 합니다.