브라우저의 저장소들 01 Storage

https://www.youtube.com/watch?v=oAVdxCKM5JI

브라우저에는 저장소들이 존재

, 이 저장소는 사용자의 컴퓨터에 있으며 js를 통한 접근이 가능하다

1. Local Storage & Session Storage
2. Cookie
3. IndexedDB
4. Memory & Cahce

 

SessionStorage와 LocalStorage는 같은 인터페이스Storage를 공유

저장,제거,가져오기 등 메서드들이 존재

 

Storage는 Origin (도메인/포트/프로토콜)에 따라 구분됨, 서로 다른 사이트에선 완전히 다른 저장소로 구분됨

 

LocalStorage는 브라우저를 닫아도 유지되는 정보

 

SessionStorage
창 꺼지면 사라지는 휘발성 데이터
같은 사이트라도 서로다른 탭에서는 서로 다른 저장공간 가짐

실제 사용사례들

유저가 마지막으로 입력했던 값을 기억

유저가 설정한 볼륨값 기억, 유튜브에서 페이지가 바뀌어도 볼륨값 유지
유저가 보았던 영상의 재생시간을 기록
유저가 form작성중 이탈한경우 입력값 기억
: 자주 변경되는 값들