브라우저에 데이터를 저장할 수 있는 공간은 3개가 있다.
제목에서 보듯이 이 3가지는 Cookie, Local Storage, Session Storage이다.
Cookie란?
하이퍼 텍스트의 기록서(HTTP)의 일종으로서 인터넷 사용자가 어떠한 웹사이트를 방문할 경우 그 사이트가 사용하고 있는 서버를 통해 인터넷 사용자의 컴퓨터에 설치되는 작은 기록 정보 파일임
특징 :
1)하나의 사이트에 저장할 수 있는 쿠키의 개수는 최대 20개로 개수와 용량에 제한이 있음.
2)만료일자가 있음
---> 이 두 개의 단점을 보완하고자 web storage를 사용한다.
쿠키 종류 :
-
Session Cookie : 보통 만료시간(Expire date)을 설정하고 메모리에만 저장되며 브라우저 종료 시 쿠키도 삭제된다.
-
Persistent Cookie : 장기간 유지되는 쿠키파일로, 저장되어 브라우저 종료와 관계없이 사용한다.
-
Secure Cookie : HTTPS에서만 사용, 쿠키 정보가 암호화되어 전송한다.
-
Third-Party Cookie : 방문한 도메인과 다른 도메인의 쿠키, 광고 배너 등을 관리할 때 유입 경로를 추적하기 위해 사용한다.
Web storage
local storage란?
저장한 데이터를 영구적으로 보관할 수 있는 기능이 있다. 즉, 브라우저를 종료해도 데이터는 보관이 되어 다음번에도 사용이 가능하다.
Session Storage란?
임시저장소임. 즉 브라우저 또는 탭이 꺼진다면 데이터는 함께 소실이 된다.
이 덕분에 보안에 유리하다는 특징이 있고, 만약 영구 보관이 목적이면 local 에 저장 ㄱ ㄱ 하면 된다.
사용 목적 비교:
local storage :
데이터 영구 보관 -> 보안을 별로 신경쓰지 않을 때
session storage :
브라우저 닫을 때, 데이터도 함께 지워야할 때 -> 민감한 데이터가 있을 때
cookies:
작은 데이터를 저장해야할 때
비교
참조: https://velog.io/@ejchaid/localstorage-sessionstorage-cookie%EC%9D%98-%EC%B0%A8%EC%9D%B4%EC%A0%90
https://zakelstorm.tistory.com/5
https://ko.wikipedia.org/wiki/HTTP_%EC%BF%A0%ED%82%A4#cite_note-1
https://stupidsecurity.tistory.com/9
