LocalStorage와 SessionStorage

 

웹 스토리지 객체(Web Storage Object)인LocalStorage와 SessionStorage는 브라우저 내에 키-값 쌍을 저장할 수 있게 해준다.(DevTools - Application에서 볼 수 있음)

 

LocalStorage의 경우 브라우저를 다시 실행해도 데이터가 사라지지 않음

SessionStorage의 경우 새로고침 시에는 데이터가 사라지지 않으나 브라우저 재실행 시 데이터 사라짐

 

setItem(key, value)

>키-값 쌍을 Set

 

getItem(key)

>키에 해당하는 값을 Get

 

removeItem(key)

>키와 해당 값을 삭제

 

clear()

>모든 것을 삭제

 

key(index)

>인덱스에 해당하는 키를 get

 

length

>저장된 항목의 갯수를 get

 

Object.keys

>키 전체를 get

 

​

​

✔️ JSON.stringify()

JavaScript 객체를 JSON text로 변환

✔️ JSON.parse()

JSON text를 JavaScript 객체로 변환

​