Web Storage에 관하여

웹 스토리지(web storage)란?

웹 스토리지는 서버가 아닌, 클라이언트에 데이터를 저장할 수 있도록 지원하는 HTML5의 새로운 기능이다. 약 5MB까지 저장 공간을 이용할 수 있다. 웹 스토리지에는 로컬 스토리지 (local Storage)와 세션 스토리지 (session Storage)가 있다. 

두 스토리지는 모두 window 객체 안에 들어 있으며, Storage 객체를 상속받기 때문에 메소드가 공통적으로 존재한다. 도메인 별 용량 제한이 있다.(프로토콜, 호스트, 포트가 같으면 같은 스토리지를 공유) 브라우저별로, 기기별로 다르긴 하지만 모바일은 2.5mb, 데스크탑은 5mb~10mb.

 

로컬 스토리지 (Local Storage)란?

로컬 스토리지는 브라우저에 반영구적으로 데이터를 저장하며, 브라우저를 종료해도 데이터가 유지된다. 의도적으로 삭제하지 않으면 영구 보관된다. 브라우저 자체에 반영구적으로 데이터가 유지되지만, 도메인 (domain)이 다른 경우에는 로컬 스토리지에 접근할 수 없다. 저장되는 데이터의 만료기간이 없다.

(자동로그인기능을 설정한 경우 로컬 스토리지에 저장되어짐.)

 

세션 스토리지(Session Storage)란?

세션 스토리지는 각 세션마다 데이터가 개별적으로 저장된다. 예를 들어, 브라우저에서 여러개의 탭을 실행하면 탭마다 개별적으로 데이터가 저장되는 것이다. 세션 스토리지는 세션을 종료하면 데이터가 자동으로 제거되며, 같은 도메인이라도 세션이 다르면 데이터에 접근할 수 없다. 저장되는 데이터의 만료 기간이 있다.

(쇼핑몰의 비로그인 장바구니 , 입력 폼 정보 저장 등이 세션 스토리지로 사용되어짐.)

 

 

참고한 자료: https://tristan91.tistory.com/521 [개발모음집]