localStorage

웹 브라우저에서 제공하는 클라이언트 스토리지 중 하나

특징

• 사용자가 브라우저를 닫아도 데이터가 지워지지 않고, 영구적으로 저장됨
• 해당 도메인을 사용하는 모든 탭과 창에서 공유됨 (SOP)
  • 같은 출처인 경우, 다른 탭에서도 접근 가능

사용법

• 데이터 쓰기

  *window*.localStorage.setItem('key', 'value');
  

• 데이터 읽기

  *window*.localStorage.getItem('key');
  

• 데이터 삭제

  *window*.localStorage.removeItem('key'); // 특정 키의 데이터 삭제
  *window*.localStorage.clear();           // 로컬 스토리지의 모든 데이터 삭제
  

sessionStorage

웹 브라우저에서 제공하는 클라이언트 스토리지 중 하나

특징

• 사용자가 탭 또는 브라우저를 닫을 때까지만 데이터가 유효하며, 탭 또는 브라우저를 닫으면 데이터는 삭제됨
• 각 탭 또는 창마다 별도로 관리되며, 해당 데이터는 다른 탭에서 접근 불가
  • 같은 출처라도 다른 탭에서는 접근 불가

사용법

• 데이터 쓰기

  *window*.sessionStorage.setItem('key', 'value');