쿠키, 세션 스토리지, 로컬 스토리지 모두 데이터를 저장하는 저장소이며 'key-value'값으로 데이터를 저장한다. 모든 key와 value는 항상 string으로 저장된다. 세 저장소의 가장 큰 차이는 데이터의 영구성이다.
🍪쿠키
만료 기간이 있는 저장소로 서버나 클라이언트에서 만료 기간을 설정할 수 있다. 저장된 데이터가 모든 HTTP 요청마다 포함되기 때문에 클라이언트와 서버 사이의 트래픽이 증가하게 된다. 세션 스토리지와 로컬 스토리지가 나오기 전부터 존재하던 오래된 저장소로 HTML4 이상의 더 많은 브라우저에서 지원된다.
🍩세션 스토리지
클라이언트의 정보를 세션이 유지될 때까지 저장한다. 윈도우나 브라우저 탭을 닫을 경우 세션이 종료되고 세션 스토리지는 초기화된다. 새 탭이나 윈도우를 열면 새로운 세션이 생성되는데, URL이 같은 여러 브라우저와 탭을 열면 각 브라우저와 탭 별로 세션 스토리지가 생성된다. 클라이언트에서만 읽을 수 있고, HTML5 이상의 브라우저만 지원된다.
🍰로컬 스토리지
클라이언트의 정보를 영구적으로 저장한다. 로컬 스토리지의 데이터는 사용자가 지우지 않는 이상 계속 브라우저에 남아있다. 클라이언트에서만 읽을 수 있고, HTML5 이상의 브라우저만 지원된다.
