IndexedDB란？
IndexedDB 는 파일이나 블롭 등 많은 양의 구조화된 데이터를 클라이언트에 저장하기 위한 로우 레벨 API입니다.
•
트랜잭션을 사용하는 데이터베이스 시스템
•
JavaScript 기반의 객체지향 데이터베이스
•
인덱스 키를 사용해 저장하고 회수
•
구조화된 복사 알고리즘을 지원
IndexedDB 사용하기
기본패턴
1.
데이터베이스 열기
// 내 데이터 베이스를 열도록 요청하자
var request = window.indexedDB.open("MyTestDatabase");
JavaScript
복사
2.
객체 저장소(Object) 생성
3.
Transaction 시작하고, 데이터 추가 or 읽기 작업 요청
4.
DOM 이벤트 리스너를 사용하여 요청 완료때까지 기다리기
5.
결과로 작업하기
제대로 지원하지 않는 브라우저를 지원하게 구현하여 실패하는 것보다 미지원 하는 것이 바람직할 수 있습니다.
if (!window.indexedDB) {
window.alert("Your browser doesn't support a stable version of IndexedDB. Such and such feature will not be available.")
}
JavaScript
복사