Web Storage
HTML5에는 웹의 테이터를 클아이언트에 저장할 수 있는 새로운 자료구조인 Web Storage 스펙이 포함되어있다. Web Storage의 개념은 키/값 ㅆ아으로 데이터를 저장하고 키를 기반으로 테이터를 조회하는 패턴이다. 그리고 영구저장소(local storage)와 임시저장소(Session Storage)를 따로 두어 데이터릐 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능하다. Web stoaage느 기존 웹 환경의 쿠키와 매우 유사하다. 하지만 storage size측면에서느 cookie보다 월등하다.
local storage object - stores data with not expiration date
도에인마다 별도로 로컬 스토맂가 생성된다.
session sotrage object - stores data for one session
테이터의 지속성광 에세스 범위에 특 제한이 존재한다.
cookie
쿠키는 클아언트에 대한 정보를 이용자의 정보를 이용자의 PC의 하드디스크에 보관하기 위해서 웹 사이트에서 클라이언트의 웝 브라우저에 전송하는 정보이다.
cookie특징
웹 사이트에서 쿠키를 설정하면 이후 모든 웹 요청은 쿠키 정보를 포함하여 서버로 전송된다.
쿠키는 개수왕 용량이 있어 제한을 걸어 두고 있다.
쿠키는만료 ㅇ리자를 지정하게 되어 있어 언젠간 제거되낟.
webstorage 와 cookie 비교
-쿠키는 매번 서버로 저송된다
웹 사이트에서 쿠키를 설정하면 이후 모든 웹요청은 쿠키정보를 포함하여 서버로 전송된다. web storage는 저장된 테이터가 크라이언트에 존재할 뿐 서버로 전송은 이루어지지 않는다. 이는 네트워크 트래픽 비용을 줄여준다.
-단순 문자열을 넘어 객체정보를 저장할 수 있다.
문자열 기반 데이터 이외에 체계적으로 구조화된 객체은 저장할 수 있다는 것은 개발 편의성을 제곡해주는 주요한 장점이 된다. 브라우저의 지원 여부를 확인해 봐야 하는 항목이다.
-용량의 제한이 없다
쿠키는 개수와 용량의 제한이 있다. 하난의 사이트에서 저장할 수 있는 최댜 쿠키의 수는 20개이다. 그리고 하난의 사이트에서 저장할 수 있는 초대 쿠키 크기는 4KB로 제한되어 있다. 그러나 Web Storage에는 이러한 제한이 없다.
-영구 테이터 저장이 가능하다.
쿠키는 만요일자를 지정하게 되어 있어 언전가 제거된다. 만료일자로 지정된 날짜에 쿠키는 제거되는 것이다. 만약 만료일자를 지정하지 않으면 세션쿠키가 되다.
web stoage 는 만료기간의 설정이없다.
