웹 스토리지

웹스토리지란?

쿠키와 비슷하게 해당 도메인과 관련된 특정 데이터를 서버가 아닌 클라이언트에 저장 할 수 있도록 하는 기능입니다.

쿠키(Cookies)

본연의 역할이 있기 때문에 스토리지로 사용하지 않는 것이 좋습니다.

그리고 쿠키는 HTTP 요청이 있을 때마다 외부로 함께 전달되기 때문에

데이터를 조금만 저장해도 소모하는 전체 데이터 양이 급격하게 늘어날 수 있습니다.

쿠키는 비동기로 동작하지만 웹 워커에서는 접근할 수 없으며,

로컬 스토리지나 세션 스토리지와 마찬가지로 문자열만 저장할 수 있습니다.

세션 스토리지(Session Storage)

세션, 쿠키와 달리, 탭/윈도우 단위로 세션 스토리지가 생성 됩니다.
즉, window 객체와 동일한 유효 범위 및 생존 기간을 가지며, 탭/윈도우를 닫을 시 데이터가 삭제 됩니다.
동일한 탭/윈도우라도 다른 도메인이라면 또 다른 세션 스토리지가 생성 됩니다.
서로 다른 세션 스토리지는 서로 영향을 주지 않으며 독립적으로 동작합니다.
윈도우 복제로 생성된 경우, 혹은 스크립트로 새 창을 연 경우 세션 스토리지가 복제 되어 생성 됩니다.
잠시 동안 필요한 정보를 저장하기에 좋습니다. (입력 폼 저장, 일회성 로그인 등)

로컬 스토리지(Local Storage)