2022-07-18 : JS

1. localStorage와 sessionStorage

localStorage

- 사용자 세션 데이터 유지 가능

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

- 탭을 여러 개 열어도 공유

- 명시적으로 삭제될 때까지 지속

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

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

localStorage.setItem('name', 'park');

localStorage.getItem('name');

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

 

sessionStorage

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

- 새로고침을 해도 유지

- 변경된 사항을 현재 페이지에서 닫힐 때까지 저장되어 사용

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

sessionStorage.setItem('name', 'park');

sessionStorage.getItem('name');

sessionStorage.removeItem('name');
sessionStorage.clear();