웹 입문

로컬 스토리지와 세션 스토리지

웹 스토리지는 서버 요청 없이 브라우저 안에 key-value 데이터를 남기는 API입니다. 보존 기간과 탭 격리 범위가 다르므로 저장 목적부터 나눠야 합니다.

보존 기간, 탭 단위 격리, 민감 정보 여부를 기준으로 localStorage와 sessionStorage 사용 기준을 정리합니다.

1

웹 스토리지 (Web Storage) 개요

웹 스토리지는 클라이언트 측에서 key-value 형태로 데이터를 저장할 수 있게 해주는 웹 API입니다.

웹 스토리지(Web Storage) API
2

로컬 스토리지 (Local Storage)

로컬 스토리지는 브라우저를 닫았다가 다시 열어도 데이터가 유지되는 영구적인 저장소입니다.

로컬 스토리지(Local Storage)
3

세션 스토리지 (Session Storage)

세션 스토리지는 로컬 스토리지와 동일한 API를 제공하지만, 데이터가 현재 브라우저 세션 동안만 유지됩니다.

세션 스토리지(Session Storage)