JS 데이터 - Storage

Storage: 데이터를 저장하고 있는 공간

 

확인 방법: 개발자 도구 -> 응용  프로그램 -> 저장소 탭에서 확인 가능

 

로컬 저장소(검색: local storage mdn)

https://developer.mozilla.org/ko/docs/Web/API/Window/localStorage

Window.localStorage - Web API | MDN

 

 

예제

 

저장소에 데이터 저장(value가 Object로 나온다)

// 저장소에 데이터 저장
localStorage.setItem('user', user)

 

저장소에 문자데이터 형태로 저장

// 문자 데이터로 저장
localStorage.setItem('user2', JSON.stringify(user))

 

로컬 저장소 데이터 가져오기(Json 형태로 보여진다)

// 로컬 저장소에서 데이터 가져오기
console.log(localStorage.getItem('user2'))

 

객체 데이터로 변환하여 콘솔에 출력

console.log(JSON.parse(localStorage.getItem('user2')))

로컬저장소에 데이터를 수정하는 방법

// 해당 데이터를 로컬 저장소에 저장시킨다
const str = localStorage.getItem('user2')
// 저장된 데이터를 객체 데이터로 변환
const obj = JSON.parse(str)
// 객체데이터로 변환된 데이터를 수정
obj.age = 22
// 확인
console.log(obj)
// 원래 형태인 문자데이터 형태로 변환
localStorage.setItem('user2', JSON.stringify(obj))

 

로컬 저장소 데이터 제거하는 방법

// 로컬저장소에 데이터를 제거
localStorage.removeItem('user2')

 

Node.js환경에서 lodash 패키지를 이용하여 쉽게 사용 가능하다고 한다(검색: low db)

https://github.com/typicode/lowdb

typicode/lowdb

참고

DATABASE2 - lowdb - YouTube

DATABASE2 - lowdb