[23.11.06] 오늘의 TIL (localStorage)

localStorage

• 브라우저나 탭을 닫아도 브라우저에 데이터를 유지시킬수있는 저장소
• key - value 의 형태로 쌍으로 저장이 된다
• key 값을 통해서 데이터를 조회한다

---

저장

localStorage.setItem('key이름', 넣을 데이터)

• 저장이 가능한 타입은 숫자, 문자 데이터
• 배열을 저장하기위해서는 JSON함수를 통해 JSON 형태로 변환 후 저장
  localStorage.setItem('key이름', JSON.stringify(넣을 데이터))

수정

1. localStorage.getItem('key이름') 통해서 데이터를 불러온다.
2. 불러온 데이터는 JSON 형태로 되어있어서
   JSON.parse(localStorage.getItem('key이름')) 를 통해 배열 형식으로 변환해준다.
3. 추가로 넣어줄 데이터를 push 함수를 통해 데이터를 추가한다.
   JSON.parse(localStorage.getItem('key이름')).push(넣을 데이터)
4. 추가된 데이터를 JSON 형태로 변환한다.
   JSON.stringify(JSON.parse(localStorage.getItem('key이름')).push(넣을 데이터))
5. 변환된 데이터를 다시 localStorage 에 저장한다.
   localStorage.setItem("key이름", 넣을 데이터)

삭제

localStorage.removeItem('key이름')
해당 명령어를 통해서 데이터를 삭제한다.

이외에 모든 데이터를 삭제할 경우
localStorage.clear()
를 통해서 삭제한다.