localStorage, sessionStorage, cookie

localStorage & sessionStorage

• 로컬 스토리지와 세션 스토리지는 HTML5에서 추가된 저장소

• 키-밸류 스토리지의 형태

• 두 스토리지는 모두 window 객체 안에 들어 있다.

• 로컬 스토리지와 세션 스토리지의 차이점은 데이터의 영구성

• Storage 객체를 상속받기 때문에 메소드가 공통적으로 존재

• 도메인 별 용량 제한 (모바일은 2.5mb, 데스크탑은 5mb~10mb)

• 작다고 생각할 수도 있지만 키-값만 저장하는 것이기 때문에 괜찮다

• 프로토콜, 호스트, 포트가 같으면 같은 스토리지를 공유

 

 

localStorage 로컬 스토리지

• 지속적으로 필요한 데이터 ex) 자동 로그인

• 로컬 스토리지의 데이터는 사용자가 지우지 않는 이상 계속 브라우저에 남아 있음

sessionStorage 세션 스토리지

• 잠깐 동안 필요한 정보 ex) 일회성 로그인 정보

• 세션 스토리지의 데이터는 윈도우나 브라우저 탭을 닫을 경우 제거

cookie 쿠키

• 매 서버 요청마다 서버로 쿠키가 같이 전송됨

• 4kb 용량 제한