JS 자세히 알아보기 (Storage)

 

Storage

 

localStorage 읽기 전용 속성을 사용하면 Document 출처의 Storage 객체에 접근할 수 있습니다. 저장한 데이터는 브라우저 세션 간에 공유됩니다.
 
localStorage는 sessionStorage와 비슷하지만, localStorage의 데이터는 만료되지 않고 
sessionStorage 의 데이터는 페이지 세션이 끝날 때, 즉 페이지를 닫을 때 사라지는 점이 다릅니다.
("사생활 보호 모드" 중 생성한 localStorage 데이터는 마지막 "사생활 보호" 탭이 닫힐 때 지워집니다.)

출저 -  MDN
https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage

 

const user = {
   name: 'Yoo',
   age: 25,
   emails: [
      'ITBlue@tistory.com',
      'y@naver.co.kr'
   ]
}

// Local Storage 데이터 저장 
// localStorage.setItem('user', JSON.stringify(user))

// 문자 데이터
// {"name":"Yoo","age":25,"emails":["ITBlue@tistory.com","y@naver.co.kr"]}
// console.log(localStorage.getItem('user'))

// 자바스크립트의 데이터
// {name: "Yoo", age: 25, emails: Array(2)}
// console.log(JSON.parse(localStorage.getItem('user')))

// Local Storage 데이터 삭제
// localStorage.removeItem('user')

const str = localStorage.getItem('user')
const obj = JSON.parse(str)
obj.age = 22
console.log(obj)
localStorage.setItem('user', JSON.stringify(obj))