JS 데이터 실습 _ Storage

LOOPY·2021년 8월 11일

Storage: 브라우저의 데이터 저장소
개발자 도구 -> Application -> Storage -> Local Storage / Session Storage
Local Storage는 데이터 만료 X
/ Session Storage는 페이지 세션 끝날 때(닫을 때) 사라짐
⭐ localStorage는 전역객체
localStorage.setItem('k','v') key-value 저장
- value로 객체 저장하고 싶으면 JSON.stringify(obj) 사용해 문자열로 바꿔 넣어야 함
localStorage.getItem('k') key로 읽어오기
-> 이후 JSON.parse(v) 통해 다시 객체로 변환 가능
localStorage.removeItem('k') 해당 key의 데이터 삭제
반영구적이므로 setItem 코드 지워드 localStorage에는 그대로!
데이터 수정은 객체로 변환 후 obj.age=22
-> 다시 문자열로 변환해 setItem으로 덮어쓰기 해야 함
🌟 Lodash 패키지 기능 활용해 localstorage를 하나의 db처럼 쉽게 다룰 수 있음 -> Lowdb

2년차 프론트엔드 개발자의 소소한 기록을 담습니다 :-)