localStorage 사용법

support·2022년 9월 18일
0

Today I Learned

목록 보기
8/11

localStorage
1. key : value 형태로 저장가능
2. 문자만 저장가능 (최대 5MB)
3. 사이트 재 접속시에도 남아있음 (브라우저 청소시 삭제됨) vs Session 브라우저 끄면 없어짐

  1. 데이터 저장
localStorage.setItem("이름","값")
  1. 데이터 출력
localStorage.getItem("이름")
  1. 데이터 삭제
localStorage.removeItem("이름")
  1. 데이터 수정
꺼내서 수정하고 다시 저장
  1. array/object 저장 -> JSON으로 바꿔서 저장 가능
let obj = {name : "lee"}
let jsonObj = JSON.stringify(obj)

localStorage.setItem("data",jsonObj)

let getObj = localStorage.getItem("data")
console.log(getObj) 
// json 에서는 getObj.name 이런식으로 빼서 쓸 수 없기 때문에 다시 obj로 변환
let getobj = JSON.parse(getObj)
console.log(getobj.name)

0개의 댓글