개요

프론트엔드 최신 구현을 확인하려는데 캐시와 쿠키 때문에 매번 헷갈렸다. 그렇다고 매번 브라우저의 모든 데이터를 삭제하니 불편하였다. 테스트를 하려는 사이트의 쿠키와 데이터만을 삭제하고 싶다. 크롬 브라우저에서 그 방법을 알아보자

캐시 제거 방법

F12를 눌러 개발자 도구 창을 열어둔다.
크롬의 Reload 아이콘을 길게 누르고 있으면(혹은 우클릭하면) 컨텍스트 메뉴가 나오는데 여기에서 Empty Cache and Hard Reload를 선택하면 된다.

크롬 브라우저의 Settings >> Privacy and Security로 간 다음, Cookies and other site data 를 선택한다.

그리고 See all site data and permissions 를 선택한다.

여기서 원하는 사이트를 선택하여 삭제를 하면 된다. 사이트를 찾기 어렵다면 위 검색창을 이용한다. 여기서는 clien.net 의 쿠키와 데이터를 삭제해본다.

휴지통 아이콘을 클릭하여 나오는 팝업에서 삭제(Clear)를 선택하면 된다.