본문 바로가기
반응형

웹어플리케이션이나 웹사이트를 개발하다 보면 쿠키를 삭제 해야 하는 일이 종종 있습니다. 쿠키는 브라우저를 리로딩하거나 껏다켜더라도 정보가 남아 있기 때문에 사용자의 편의를 위해 웹개발자들이 많이 사용하는 방법입니다. 다만 실제 서비스를 할때는 유용하지만 개발을 할때는 불편한것이 사실입니다. 그래서 간단하게 쿠키를 삭제하는 방법을 포스팅해 볼까합니다.

크롬에서 URL로 삭제하기

먼저 크롬 브라우저에서 아래의 주소로 접근합니다.

  1. 주소입력창에 chrome://settings/clearBrowserData 를 입력합니다.
  2. 쿠키나 접속기록을 언제까지 삭제할 건지 기간을 선택합니다.
  3. 인터넷에 접속한 기록을 삭제할 것인지 체크합니다. 체크하면 접속 기록이 삭제됩니다.
  4. 브라우저에 쌓여있는 쿠키같은 데이터를 삭제 합니다.
  5. 브라우저의 속도를 높이기 위한 캐시된 이미지나 파일들도 삭제합니다.

위의 옵션이 3가지가 있는데 삭제해도 크게 문제는 없습니다. 어짜피 해당 웹사이트에 접속하면 다시 또 캐싱이 되거나 쿠키가 쌓이게 됩니다. 로그인 정보같은 것도 쿠키나 캐시를 이용하는데 삭제를 하게 되면 로그인이 풀리거나 장바구니 내용이 초기화 되거나 하는 단점은 있습니다. 그래도 한번씩 청소해 주는 것도 좋습니다.

개발자도구에서 삭제하기

모든 웹브라우저는 개발자도구를 제공하고 있습니다. 보통 단축키로 F12로 열 수 있습니다. 이 개발자 도구에서도 쿠키나 세션을 삭제할 수 있습니다.

  1. 개발자 도구의 상단에 Application메뉴를 선택합니다.
  2. 좌측의 메뉴를 보면 Cookies라는 카테고리가 있습니다.
  3. 이 쿠키 카테고리 중 삭제하고자 원하는 URL에 마우스 우클릭을 하면 Clear라는 메뉴를 실행시킵니다.
  4. 그러면 4번에 위치한 해당 URL의 쿠키들이 삭제가 됩니다.

물론 다시 해당 웹사이트에 접속을 하면 최신값의 쿠키가 다시 생깁니다.

UX 공작소

UX와 UI에 관해 내가 알게된 다양한 이야기를 공유해요~