웹 저장소(Web Storage)는 웹사이트가 웹 브라우저에 문자열 형태의 키와 값을 보관하는 기능이다. `localStorage`와 `sessionStorage`가 대표적이다.

- `localStorage`는 웹 브라우저를 닫았다 열어도 남을 수 있어 색상 설정 등을 기억하는 데 쓴다. 사용자의 삭제나 저장 정책에 영향을 받으므로 영구 보관을 보장하지 않는다.
- `sessionStorage`는 [[오리진]]과 탭을 기준으로 나뉜다. 같은 탭에서 새로고침할 때는 이어지지만 해당 탭의 세션이 끝나면 정리된다.
- [[쿠키]]와 달리 저장값이 요청마다 자동으로 서버에 실려 가지 않는다. 다른 기기에서도 같은 초안을 열려면 별도의 동기화나 내보내기가 필요하다.
- 큰 자료를 빈번하게 읽고 쓰면 화면 작업을 막을 수 있다. 많은 구조화된 자료를 보관하는 [[IndexedDB]]와 용도를 구분한다.

## 참고

- [MDN: Web Storage API](https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API)

#웹 #자바스크립트 #데이터 #기초