쿠키 vs 로컬스토리지 vs 세션스토리지

쿠키 (Cookie)

 

- 브라우저(클라이언트)에 저장되는 작은 파일

- 클라이언트의 상태 정보를 로컬에 저장했다가 참조

- 300개까지 저장 가능

- 하나의 도메인 당 20개의 값을 가질 수 있음 (하나 당 4KB까지 저장 가능)

- 대부분의 브라우저가 지원

- 인증 유효 시간을 지정할 수 있고, 유효 시간이 정해지면 브라우저가 종료되어도 인증을 유지

- 사용 예시 : 로그인 자동완성, 쇼핑몰 장바구니, 오늘 더 이상 창을 보지 않음 팝업 등

 

 

로컬 스토리지 (Local Storage)

- 브라우저 창을 닫더라도 데이터가 유지됨 (데이터 영구 저장 가능)

- 서버에 불필요한 데이터를 저장하지 않음

- 약 5MB의 큰 용량

- 사용 예시 : 자동로그인

 

 

세션 스토리지 (Session Storage)

- 로컬스토리지와 마찬가지로 서버에 불필요한 데이터를 저장하지 않음

- 클라이언트가 서버에 접속 시 세션 ID가 발급됨

- 서버는 세션 ID를 전달받아 세션에 있는 클라이언트 정보를 가져옴

- 브라우저를 종료할 때까지 인증 상태를 유지 (탭/윈도우가 닫히면 세션스토리지는 초기화)

- 접속 시간에 제한을 둘 수 있음 (일정 시간동안 응답이 없다면 정보가 유지되지 않도록 설정 가능)

- 쿠키보다 보안이 뛰어남

- 사용 예시 : 일회성 로그인, 입력 폼 저장, 비로그인 장바구니 등

 

 

 

로컬스토리지와 세션스토리지의 가장 큰 차이점은 영구성!