browser storage
브라우저 저장소 선택 기준표
쿠키, 로컬 스토리지, 세션 스토리지는 지속 시간과 서버 전송 여부가 다르다. 인증처럼 서버가 읽어야 하는 값과 화면 상태처럼 클라이언트에만 필요한 값을 분리해야 한다.
01
Cookie
작고 서버 요청에 함께 실려야 하는 값에 사용한다.
02
Local
브라우저를 닫아도 유지할 사용자 설정에 적합하다.
03
Session
현재 탭에서만 필요한 임시 입력과 상태를 둔다.
| 기준 | Cookie | Local Storage | Session Storage |
|---|---|---|---|
| 지속성 | 만료일 또는 세션 | 브라우저 재시작 후 유지 | 탭을 닫으면 종료 |
| 서버 전송 | HTTP 요청에 자동 포함 | 자동 전송 없음 | 자동 전송 없음 |
| 주요 용도 | 인증 세션, 추적 | 설정, 캐시, 장기 상태 | 폼 임시값, 일회성 메시지 |
민감도
민감한 토큰은 저장 위치와 만료 정책을 신중히 정한다.
형식
웹 스토리지는 문자열이므로 JSON 변환 규칙을 둔다.
정리
오래된 값은 버전과 만료 기준으로 직접 제거한다.