localStorage , sessionSotrage 를 비교해보자!

localStorage 와 sessionStorage를 비교해봅시다~🥰

web Storage 두 가지 종류에는

1. localStorage
2. session Storage

가 있다.

공통점 :
1. 브라우저에서 데이터를 저장한다.
2. key, value 로 데이터를 저장한다.

차이점 : 데이터가 어떤 범위에서 얼마나 오래 저장 되는가

주의점 : String 데이터 타입만 지원한다!

localStorage

1. 페이지의 세션이 끝나도 데이터가 저장된다.
2. 여러 개의 창이 켜져도 데이터가 공유된다.
3. 동일한 컴퓨터 , 동일한 브라우저 를 사용할때만 해당한다.

sessionStorage

1. 페이지의 세션이 끝나면 데이터가 지워진다.
2. 여러 개의 창에는 여러개의 세션 스토리지에 따로 저장된다.

API

localStorage.setItem("key",value)

localStorage.getItem("key")

localStorage.removeItem("key")

localStorage.clear()

localStorage.length

문자형만 저장되는 문제 해결

json형태로 데이터를 다룬다!

localStorage.setItem('json',JSON.stringify({a:1,b:2}))

> undefined

JSON.parse(localStorage.getItem('json'))
> {a:1, b:2}