Cookie, Local Storage, Session Storage ?

Cookie, Local Storage, Session Storage ?

Cookie, Local Storage, Session Storage 는 모두 클라이언트(주로 브라우저를 예를 들것이다)에서 데이터베이스를 사용하지 않고 저장하는 용도라고 한다. 이중 Local Storage, Session Storage는 Web Storage라고도 한다. 각각의 저장소의 특징을 정리 해보자.

Chrome에서 개발자 도구를 보면 각각 저장소가 나뉜것을 확인 할 수 있다.

Cookie

• expiration data는 각 데이터마다 설정된 기간동안으로 지정된다고 한다.

• 4KB 이하의 저장공간을 가진다고 한다.

• Server-Side에서 사용되는 데이터를 주로 저장한다고 한다. (예를 들면 Refresh-Token?)

• 매 api 요청마다 함께 전송된다고 한다.

• 브라우저 요청이 있을 경우 자동으로 서버에 전송한다고 한다.

• 사용자 하드에 저장되어 보안상의 취약점이 있다고 한다.

  Local Storage

• 데이터 만료기간이 없으며 사용자가 데이터를 지우지 않는한 영구적으로 보존된다고한다.

• 사이트 재 방문 시 이전에 저장되었던 정보를 이용 할 수 있어 활용도가 높다고 한다.

• 사용자의 설정이나 브라우저가 닫은 후 에도 필요한 정보를 저장할 때 사용한다고 한다.

Session Storage

• Session기간에만 데이터를 저장한다고 한다. browser나 Tab이 종료되면 소실된다.

• 같은 주소의 URL을 여러개 열어도 각각의 창은 별도의 Session Storage를 갖는다.(Cookie는 1개의 주소(도메인)에 대하여 같은 Cookie 데이터가 존재한다고 한다.)

  마치면서

  이런 저장소를 나눠서 운영은 왜라는 궁금증이 생겼지만, 나중에 업데이트를 하겠다..

참조

[Cookie, Local Storage, Session Storage 각각의 차이점, tistory, 2022년 04월 30일 접속]
https://fathory.tistory.com/33
[Local Storage vs Session Storage vs Cookies, tistory, 2022년 04월 30일 접속]
https://zakelstorm.tistory.com/5