Local Storage 사용하기

Local Storage란

개발자도구 Application항목에 Local Storage 있음.

브라우저 청소를 하지 않는 이상 브라우저 닫아도 저장 가능(텍스트 5MB)

<->sessionStorage는 휘발성이다.

 

문법

1. localStorage.setItem('name', 'kim') 자료저장

Object형으로 자료이름, 자료값 저장

localStorage.setItem('obj', {name: 'kim'})

Object를 그냥 문자로 바꾸면 깨진다.

localStorage.setItem(arr,[1, 2, 3])

array를 저장했지만 출력할 때 1, 2, 3이 나온다. 즉, 자료형이 깨진다.

array와 Object 자료형 손실없이 저장하려면 글자인척하면서 저장하면된다. " " 를 사용한다. => JSON.stringify

Object처럼 생긴 건데 " "이 있는 것이 JSON이다.

localStorage.setItem('obj', JSON.stringify({name: 'kim'}))

 

2. localStorage.getItem('name') 자료출력

kim이 출력된다.

JSON.stringify로 ""한 것을 꺼내서 쓰고 싶다면, JSON.parse()를 이용한다.

 

3. localStorage.removeItem('name') 자료 삭제