웹 브라우저 캐시(세션 스토리지)

세션 스토리지는 웹 스토리지 API의 한 종류로, 브라우저 내에 Key-Value 형태로 데이터를 저장하는 방식입니다.
오리진(Origin) 기반으로 저장되며, 같은 오리진 내에서도 탭 단위로 독립적인 저장 공간이 제공됩니다.

 

특징

• 탭 단위 저장소
  동일한 오리진이라도 브라우저의 각 탭마다 독립적인 저장소가 할당됩니다.
  즉, 한 탭의 세션 스토리지에 저장된 데이터는 다른 탭에서 접근 불가합니다.
• 일시적인 저장
  사용자가 브라우저 탭을 닫는 순간 세션 스토리지에 저장된 데이터는 자동으로 삭제됩니다.
• 용량 제한
  대부분의 브라우저에서 약 5MB 정도까지 저장할 수 있습니다.
• 단일 키-값 쌍
  하나의 키에는 하나의 값만 저장할 수 있습니다.같은 키로 데이터를 다시 저장하면 기존 값은 덮어쓰기됩니다.

// 데이터 저장
sessionStorage.setItem("key", "value");

// 데이터 조회
let value = sessionStorage.getItem("key");

// 데이터 삭제
sessionStorage.removeItem("key");

// 전체 데이터 삭제
sessionStorage.clear();