[React] Local Storage 에 저장하기

이원찬·2024년 3월 1일

React

목록 보기
7/17

local storage 를 이용해 중요하지 않은 정보를 저장하여 이용 해보려 한다.

Local Storage 는 브라우저에 저장되며 브라우저의 시크릿 모드로 들어가게 되면 사용하지 않은 경우를 테스트 할수 있다.

Local Storage 에 저장 하기

localStorage.setItem('이름', JSON.stringify(..))
(문자열 타입만 저장 가능하며 object라면 JSON.stringify 를 이용해 문자열로 저장하자

Local Storage 불러 오기

localStorage.getItem("token")
(참고로 문자열 타입이다.)

Local Storage 값 삭제하기

localStorage.removeItem("token");
(void 값으로 반환값이 없다.)

Browser 에서 Local Storage 값 확인하기

개발자 모드에서 F12 → Application → Local storage 에서 확인 가능하다!

profile
소통과 기록이 무기(Weapon)인 개발자

0개의 댓글