local Storage 사용하기

local storage

특징

• 브라우저에 데이터를 저장하는 저장소

  • 브라우저를 닫아도 데이터는 유지됨

  • 도메인 별 별도 저장

  • 문자열만 저장가능 → 객체는 JSON으로

• 주 활용처

  • 로그인 토큰 저장

  • 사용자 설정 저장 (다크모드 설정, 언어 설정, 로그인 시 아이디 저장 등등..)

  • 장바구니, 검색어, 임시저장 등..

사용법

• 기본 사용 4가지 메서드

  • setItem(키, 값) → 저장하기 (이 때 값은 무조건 문자열로 저장됨)

    • 객체를 저장할 때 주의 할 것

      • 객체를 그냥 저장하면 문자열로 변환이 안되므로 [objcet object] 같은 type 명만 반환되어 버림

      • 그러므로 localStorage에 객체를 저장하려면 JSON 직렬화 필요

  • getItem(키) → 가져오기 (없는 키를 입력하면 null)

  • removeItem(키) → 삭제하기

  • clear() → 전체 제거