[JavaScript] localStorage와 sessionStorage 차이점

localStorage

사용자 세션 데이터 유지

브라우저 닫았다가 다시 열었을 때도 지속

탭을 여러개 열어도 공유됨

명시적 삭제가 있을때까지 지속

변경 사항은 저장되어 현재 및 향후 사이트 방문 시 사용할 수 있음

 

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

 

//Set the value in a local storage object
localStorage.setItem('sample', 'valueText');

//Set the value in a local storage object
localStorage.getItem('sample');

//Delete the value from local storage object
localStorage.removeItem('sample'); //Delete specifice obeject from local storege
localStorage.clear(); //Delete all from local storege

 

---

sessionStorage

브라우저 세션 기간 동안 만 사용할 수 있으며 탭이나 창을 닫을 때 삭제됨

새로고침 시 유지

변경 된 사항은 현재 페이지에서 닫힐 때까지 저장되어 사용할 수 있음

탭이 닫히면 저장된 데이터가 삭제

//Set the value in a session storage object
sessionStorage.setItem('sample', 'valueText');

//Set the value in a session storage object
sessionStorage.getItem('sample');

//Delete the value from sessionstorage object
sessionStorage.removeItem('sample'); //Delete specifice obeject from session storege
sessionStorage.clear(); //Delete all from session storege