핵심 답변
브라우저에는 4가지 주요 저장소가 있습니다.
📌 Cookie
용량: 4KB
만료: 설정 가능
특징: 매 HTTP 요청 시 서버에 자동 전송. HttpOnly, Secure 속성으로 보안 강화 가능
📌 LocalStorage
용량: 5~10MB
만료: 없음 (수동 삭제 전까지 영구)
특징: 동일 도메인의 모든 탭에서 접근 가능. 서버에 전송되지 않음
📌 SessionStorage
용량: 5~10MB
만료: 탭 종료 시 삭제
특징: 해당 탭 내에서만 접근 가능. 동일 도메인이라도 다른 탭과 공유 안 됨
📌 IndexedDB
용량: 수백 MB 이상
만료: 없음 (영구)
특징: 비동기 인터페이스, 자바스크립트 객체 저장 가능, 오프라인 앱(PWA)에서 주로 사용
핵심 용어
📌 LocalStorage
localStorage.setItem('key', 'value')로 사용합니다. 브라우저를 닫아도 데이터가 유지됩니다.📌 IndexedDB대용량 구조화 데이터를 비동기로 저장하는 브라우저 내장 DB입니다. Dexie.js 같은 라이브러리로 더 편리하게 사용할 수 있습니다.