본문 바로가기
React

local storage

by 루에 2021. 11. 12.
반응형

브라우저 내의 저장공간

Local Storage : 비휘발성(청소하지 않는 이상), 5MB 텍스트

Session Storage : 휘발성(브라우저 껐다 키면 삭제) 

 

F12로 개발자 도구 오픈

Console 탭 진입

localStorage.setItem('키','밸류')

localStorage.getItem('키')

localStorage.remove('키')

 

기본적으로 문자만 가능

[1,2,3] 등의 배열이나 { "key" : "value" } 등의 오브젝트는 깨져서 들어감

그것을 위해 글자인것처럼 저장해야함

Json형 데이터를 저장하기 위해

localStorage.setItem('key', JSON.stringify({key: "value"}))

꺼낼 땐

var temp = localStorage.getItem('key')

JSON.parse(temp)

 

반응형

댓글