localStorage 와 sessionStorage 의 차이점

로그인 로그아웃 기능을 공부하다가 세션을 사용하게 되었다.

세션스토리지에 저장하여 로그인 유지가 가능하도록 공부하였다.

로컬스토리지와 세션스토리지의 차이점에 대해 찾아보았다.

 

1. localStorage

• 사용자 세션 데이터 유지할수 있다
• 브라우저 닫았다가 다시 열었을 때도 지속된다.
• 탭을 여러개 열어도 공유된다.
• 명시적으로 삭제될때까지 지속된다.
• 변경 사항은 저장되어 현재 및 향후 사이트 방문 시 사용할 수 있다.

* 정리 :  사용자가 브라우저 창을 닫았을 때 데이터는 삭제되지 않으며, 일, 주, 월 및 연도에 사용할 수있는 만료 날짜없이 사용자 정보 데이터를 저장한다.

//Set the value in a local storage object
localStorage.setItem('key', 'value');
 
//Set the value in a local storage object
localStorage.getItem('key');
 
//Delete the value from local storage object
localStorage.removeItem('key'); //Delete specifice obeject from local storege
localStorage.clear(); //Delete all from local storege

 

 

 

2.sessionStorage

•  브라우저 세션 기간 동안 만 사용할 수 있으며 탭이나 창을 닫을 때 삭제된다.
•  새로고침을 해도 유지된다.
•  변경 된 사항은 현재 페이지에서 닫힐 때까지 저장되어 사용할 수 있다.
•  탭이 닫히면 저장된 데이터가 삭제 된다.

//Set the value in a session storage object
sessionStorage.setItem('key', 'value');
 
//Set the value in a session storage object
sessionStorage.getItem('key');
 
//Delete the value from sessionstorage object
sessionStorage.removeItem('key'); //Delete specifice obeject from session storege
sessionStorage.clear(); //Delete all from session storege