로컬스토리지 (localStorage) vs 세션스토리지 (sessionStorage)
| 데이터 유지 기간 | 브라우저를 꺼도 유지됨 (영구적) | 탭/브라우저 창 닫으면 삭제됨 |
| 삭제 시점 | 사용자가 직접 삭제하거나 브라우저 캐시/저장소 초기화 시 | 탭이나 창을 닫는 순간 자동 삭제 |
| 공유 범위 | 같은 도메인 내 모든 탭에서 공유 가능 | 같은 탭 내에서만 사용 가능 |
| 용량 제한 | 약 5~10MB (브라우저마다 다름) | 약 5MB (브라우저마다 다름) |
| 사용 목적 | 로그인 상태 유지, 사용자 설정(다크모드, 언어) 저장 | 입력 폼 임시 저장, 페이지 새로고침 시 데이터 유지 |
- 로컬스토리지: 브라우저에 오래 남아 있는 저장소. 브라우저를 꺼도 다시 켜면 그대로 존재
- 세션스토리지: 현재 열려 있는 탭에서만 유지 탭 및 브라우저를 닫으면 삭젝됨.
즉 로컬스토리지는 세션스토리지와 비교했을 때 오래 보관해야하는 데이터를 저장
두 곳 모두 보안에 민감한 데이터를 저장하는 용도로 사용하지 말 것