Web Storage란?
: 서버가 아닌 클라이언트 내에서 데이터를 저장할 수 있도록 지원하는 저장소. 로컬 스토리지와 세션 스토리지를 따로 두어 데이터의 지속성을 구분할 수 있어 응용 환경에 맞는 선택이 가능.
Local Storage란?
: 만료기간이 존재하지 않으며 페이지를 변경하거나 브라우저를 닫아도 반 영구적으로 유지되는 저장소.
- 저장된 데이터는 브라우저를 종료하거나 컴퓨터를 재시작해도 유지 & 사용자가 웹 애플리케이션을 떠났다가 나중에 돌아올 때 유용한 데이터를 저장할 때 유용.
- 도메인이 다른 경우에는 로컬 스토리지 공유가 불가능.
- 로컬 스토리지에 저장된 데이터는 JavaScript를 사용하여 접근하고 수정 가능.
Session Storage란?
: 브라우저의 탭 안에 유효한 저장소이며, 브라우저를 닫는 경우 소멸이 되는 저장소.
- 저장된 데이터는 브라우저 세션이 유지되는 동안에만 유효.
- 사용자가 브라우저를 닫거나 탭을 닫으면 해당 세션이 종료되며 세션 스토리지에 저장된 데이터도 삭제.
- 잠깐 동안 유지해야 하는 데이터를 저장할 때 유용.
- 같은 도메인이라도 세션이 다르면 접근이 불가능.
Local Storage & Session Storage 공통점
- 키와 값은 반드시 문자열.
- 제한 용량은 5MB 이상.
- 파기되지 X.
localStorage & sessionStorage 차이점
- 데이터 유지 측면
: 브라우저 종료시 데이터 보관, 재접속시 사용 가능 / 브라우저 종료시 데이터 삭제, 재접속시 사용 불가
- 데이터 범위 측면
: 도메인만 같으면 전역적으로 공유 가능 / 같은 브라우저라도 탭이 다르면 공유 불가