웹 브라우저가 제공하는 데이터 베이스

필요한 이유?

리액트 앱의 **State**나 변수에 저장된 데이터는 브라우저의 탭에 보관합니다. 따라서 탭을 없애거나 새로고침하면 데이터는 모두 사라진다.

• 데이터베이스와 같은 **별도의 저장 공간(웹 스토리지)**에 두어야한다.

웹 스토리지 소개

쿠키 : 4KB 저장

웹 스토리지 : 5MB 저장

서버가 아닌 클라이언트, 즉 사용자의 PC를 활용해 데이터를 저장하는 HTML5의 새로운 기능

• **키(key)**와 값(value) 쌍으로 이루어진 데이터를 저장
• 사용법 간단, 유효 기간도 따로 없다.

로컬 스토리지(Local Storage) window.localStorage

세션 스토리지(Session Storage) window.sessiomStorage

웹 스토리지에서 데이터 저장하고 삭제하기