용어 사전 coding 용어 페이지

Web Storage

`localStorage`와 `sessionStorage`를 포함하는 브라우저 저장소 API

web-storage #javascript#svelte#frontend

English version

다른 이름

Web Storage APIlocalStoragesessionStorage

관련 개념

상태 관리 폼 검증

핵심 아이디어

Web Storage는 브라우저가 제공하는 간단한 키-값 저장소입니다. localStorage는 다시 방문해도 남는 저장소이고, sessionStorage는 현재 탭이 살아 있는 동안만 유지되는 임시 저장소입니다.

이 블로그에서의 역할

Mathbong에서는 Web Storage를 "작은 브라우저 내장 저장소"로 설명합니다. 폼 초안 보존, 필터 상태 기억, 탭 간 동기화처럼 서버 없이도 사용자 경험을 개선하는 실용적인 기본기로 자주 등장합니다.

이 개념을 다루는 글

[JavaScript 시리즈 20편] 캡스톤: 접근성·패턴·성능을 아우르는 미니 웹앱 13~19편에서 다룬 개념을 모두 결합해 접근성 좋은 태스크 허브 앱을 설계하고 배포합니다.[JavaScript 시리즈 12편] 중간 점검: 폼·저장소·컴포넌트를 한 화면으로 묶기 전반부에서 만든 입력 검증, 저장, 이벤트 패턴을 한 화면으로 조립해 흐름을 정리합니다.[JavaScript 시리즈 9편] localStorage와 sessionStorage로 상태 보존하기 브라우저 저장소 API를 활용해 사용자 데이터를 유지하고 동기화하는 방법을 실무 감각으로 정리합니다.