localStorage와 sessionStorage

로그인 상태 정보를 저장하기 위해 webStorage를 사용하려고 한다. 

webStorage에는 localStorage와 sessionStorage가 있는데, 두 storage 모두 애플리케이션 전역에서 접근 가능하다.

 

localStorage는 동일한 pc 안에서 동일한 브라우저를 사용한 경우에는 브라우저를 닫아도 삭제하지 않는 한 유지된다. 

반면 sessionStorage는 브라우저가 닫히면 세션이 종료되면서 데이터가 소멸된다.

 

 

localStorage와 sessionStorage는 window 객체 안에 있다.

myStorage = window.sessionStorage;

https://developer.mozilla.org/ko/docs/Web/API/Window/sessionStorage

 

 

데이터를 저장하기 위해서는 setItem(key, value) 메소드를 사용한다.

localStorage.setItem('key',value);

 데이터를 가져오기 위해서는 getItem(key) 메소드를 사용한다.

localStorage.getItem('key');

 

특정 데이터를 삭제할 때는 removeItem(key) 메소드를, 전체를 삭제할 때는 clear()를 사용한다.

localStorage.removeItem('key');
localStorage.clear();

 

 

 

 

 

https://shyunju7.tistory.com/37

[React] 17. localStorage와 sessionStorage 사용해보기