1. 웹 스토리지(Web Storage)란?

웹 스토리지는

👉 브라우저에 데이터를 키–값(key–value) 형태로 저장하는 저장소 API입니다.

• JavaScript로 직접 제어
• 서버 통신 없이 사용 가능
• 페이지 새로고침 후에도 유지 가능 (조건에 따라)

웹 스토리지는 브라우저 기능 + JavaScript API이며,

HTML/CSS가 아니라 JavaScript에서 다루는 개념입니다.

2. 왜 웹 스토리지가 필요한가?

기존 방식의 한계:

• 변수: 새로고침 시 사라짐
• 서버 세션: 서버 부하, 네트워크 필요
• 쿠키: 용량 작음, 매 요청마다 전송

👉 웹 스토리지 등장 이유

• 클라이언트에 간단한 상태 저장
• 로그인 정보, 설정 값, 임시 데이터 유지
• 빠르고 간단한 사용

3. 웹 스토리지의 종류