[Javascript] localStorage 사용법

임홍원·2023년 10월 24일
post-thumbnail

데이터 저장하기

localStorage.setItem('key', 'value');

이미 저장된 key 값이 존재한다면 value 값을 덮어쓴다.

데이터 불러오기

localStorage.getItem('key');

key를 통해 저장된 value를 불러온다.

데이터 삭제하기

localStorage.removeItem('key');

key 값에 해당하는 데이터를 삭제한다.

데이터 전체삭제

localStorage.clear();

로컬스토리지 전체를 삭제한다.

데이터 갯수 구하기

localStorage.length

로컬스토리지 아이템 개수를 확인할 수 있다.


로컬스토리지는 개발자도구 - 어플리케이션 - 로컬스토리지에서 확인 할 수 있다.

profile
Frontend Developer

0개의 댓글