로컬 스토리지(Local Storage)

 

브라우저의 보관소로

브라우저를 껐다 켜도 영원히 보관이 돼......

관리자 메뉴의 Application에서 확인이 가능

 

 

실습 중인 리액트 페이지에서 Local Storage에 한 번, Session Storage에 한 번 key:value 값을 적어보자

Local Storage / Session Storage

 

 

닫았다 해당 링크 재접속 해보면 

 

 

 

누가 남아 있냐????

Local Storage에 저장한 놈들이 남아 있음

 

따라서 여기에 저장을 해야 리액트의 특성인 새로고침 시 모든 정보 초기화 기능을 어느정도 막아줄 수 있음..

 

여기에 refreshToken을 넣어 보관해주겠다....

물론 실제로 refreshToken이라는 이름을 사용하면 보안이 매우 취약하다고 볼 수 있음 

 

 

설정 명령어

window.localStorage.setItem("key", "value");
value = window.localStorage.getItem("key"); //값 뽑아내기

window.localStorage.removeItem("key"); //지우기

 

 

 

 Local Storage와 Session Storage 차이점은 데이터가 어떤 범위 내에서 얼마나 오래 보관 되는지인디

Session Storage는 세션이 끝날 때까지 즉, 새로고침하면 데이터가 지워지는데, Local Storage는 세션이 끝나도 지워지지 않음

 

 

 

개인 공부 기록용입니다:)