JS - LocalStorage API

1. LocalStorage 이란?

브라우저에서 기본 제공하는 key/value 형태로 구성된 데이터를 안전하게 저장할 수 있는 메커니즘

 

2. LocalStorage API method

localStorage.setItem() : DB에 key/value 데이터를 보관하는 명령어

localStorage.getItem() : DB에서 데이터를 불러오는 명령어

localStorage.removeItem() : DB에서 특정 데이터를 삭제하는 명령어

 

3. LocalStorage API method 사용 예시

사용자로부터 ID와 비밀번호를 받고, localStorage.setItem 방법을 이용하여 ID와 비밀번호를 저장

브라우저의 localStorage에 저장된 데이터들

브라우저 console창에서 localStorage.getItem 방법과 key 값을 이용하여 데이터 값들 불러오기

localStorage.removeItem 방법과 key 값을 이용하여 "User ID"이라는 key 값을 갖는 데이터 삭제

브라우저의 localStorage에서 확인된 결과, "User ID" 라는 Key 값을 갖는 데이터가 삭제된 것을 확인