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}