WebStorage

• Web Storage 는 저장된 데이터가 클라이언트에 존재한다.
• 서버로 전송은 이루어 지지 않는다.
• 구조화된 객체를 저장할 수 있다.
• 용량의 제한이 없다.
• 영구 데이터 저장이 가능하다.
• 만료기간 설정이 없다.
• 도메인 단위로 접근이 제한된다.

LocalStorage

• 저장한 데이터를 명시적으로 지우지 않는 이상 영구적으로 보관이 가능하다.
• windows 전역 객체의 LocalStorage 컬렉션을 통해 저장과 조회가 이루어진다.

SessionStorage

• 데이터의 지속성과 액세스 범위에 특수한 제한이 존재한다.
• window 전역 객체의 SessionStorage 라는 컬렉션을 통해 저장과 조회가 이루어진다.

데이터 유지 측면

• SessionStorage는 데이터가 지속적으로 보관되지 않는다. 이는 마치 브라우저 기반 세션쿠기와 그 성질이 비슷한데, 현재 페이지가 브라우징되고 있는 브라우저 컨텍스트 내에서만 데이터가 유지된다.

• LocalStorage는 브라우저를 종료해도 데이터는 보관되어 다음번 접속에도 그 데이터를 사용할 수 있는 반면, SessionStorage는 브라우저가 종료되면 데이터도 같이 지워진다. 즉, 브라우저가 종료되면 SessionStorage도 삭제된다는 것이다.

Cookie

• 쿠키는 매번 서버로 전송된다.
• 최대 쿠키 수는 약 20개이다. (허용 범위가 있는걸 봐선 브라우저 마다 다른 것 같다.)
• 허용 범위

  Chrome 9는 도메인 당 180 개의 쿠키를 허용했습니다.
  Firefox 3.6.3은 도메인 당 50 개의 쿠키를 허용했습니다.
  Internet Explorer 8은 도메인 당 50 개의 쿠키를 허용했습니다.
  Opera 10 및 9는 도메인 당 30 개의 쿠키를 허용했습니다.

• 하나의 사이트에서 저장할 수 있는 최대 쿠키 크기는 4KB로 제한 되어 있다.
  cf. 영어 4000자, 한글 2000자

출저: [web] LocalStorage, SessionStorage, Cookie의 차이점