[React]LocalStorage / SessionStorage

LocalStorage

데이터를 임의로 지우지 않으면 영구 보존됨.
windows 전역 객체의 localStorage라는 컬렉션을 통해 사용됨

ex) ID 저장하기, token 저장, 유저의 접속시간 저장

// 저장
localStorage.setItem("key", "string");

//읽기
localStorage.getItem("key")

//삭제
localStorage.removeItem("key");

SessionStorage

SessionStorage는 브라우저의 탭을 닫으면 삭제됨.
windows 전역 객체의 sessionStorage라는 컬렉션을 통해 사용됨

ex) 새로고침시 로그인상태 유지하기

// 저장
sessionStorage.setItem("key", "string");

//읽기
sessionStorage.getItem("key")

//삭제
sessionStorage.removeItem("key");

개발자 도구 -> 애플리케이션 -> 로컬스토리지/세션스토리지

스토리지의 변경된 값 확인 가능하다.