알고 있으면 너무 좋은 프론트엔드 웹 기술 : Web Storage API
- 웹 스토리지 API는 웹 애플리케이션의 클라이언트 측에 데이터를 저장하는 기술입니다. 🌐
- 저장 가능한 데이터 용량은 브라우저마다 다르지만, 약 5MB에서 10MB 정도입니다. 💾
- 웹 스토리지에는 로컬 스토리지와 세션 스토리지 두 가지 유형이 있습니다. ✌️
- 로컬 스토리지는 브라우저를 닫아도 데이터가 계속 유지되며, 동일한 도메인을 가진 모든 창과 탭에서 데이터가 공유됩니다. 🏠
- 세션 스토리지는 브라우저를 닫으면 데이터가 사라지고, 현재 열린 웹페이지(탭) 내에서만 데이터가 유효하며 다른 탭과 공유되지 않습니다. ⏳
- 데이터는 키-값(Key-Value) 형태로 저장되며, 동일한 키가 존재할 경우 새로운 값으로 대체됩니다. 🔑
setItem, getItem, removeItem, clear와 같은 직관적인 API 메서드를 사용하여 데이터를 관리합니다. 🛠️
- 존재하지 않는 키로
getItem을 호출하면 null이 반환됩니다. 🚫
데브허브 | DEVHUB | 알고 있으면 너무 좋은 프론트엔드 웹 기술 : Web Storage API