IndexedDB API: IndexedDB 사용 - 1 (개요)

MDN 원문 참조: https://developer.mozilla.org/en-US/docs/Web/API/IndexedDB_API/Using_IndexedDB 
날짜 : 2022.11.09 (문서 내용은 계속 변경되는 부분이라 정리한 날짜를 함께 기록)

위 참조 링크 내용을 정리하였습니다. 

---

- IndexedDB : 사용자의 브라우저에 데이터를 지속적으로 저장하는 방법. 

- 네트워크 가용성에 관계 없이 온라인/오프라인 모두에서 작동 가능

 

이 문서에 대하여 

- 이 문서는 IndexedDB의 비동기(asynchronous ) API 사용을 안내 

- IndexedDB에 익숙하지 않다면, IndexedDB의 주요 특징과 기본 용어(원문) 문서 참고

- IndexedDB API 참고 문서는, IndexedDB API 문서(원문) 및 해당 문서의 하위 페이지들을 확인

- IndexedDB에서 사용되는 객체 타입 및 asynchronous API(사양에서 synchronous API는 제거됨) 메서드를 문서화 

 

기본 패턴 

IndexedDB가 권장하는 기본 패턴 

 

1. 데이터베이스 열기

2. 데이터베이스에서 object store 생성

3. transaction 시작 및 추가/검색과 같은 몇몇 데이터베이스 작업을 수행하도록 요청

4. 올바른 종류의 DOM event 수신으로 작업 완료까지 대기

5. result로 작업 (request object에서 찾을 수 있는) 

 

하위 정보들 

* 내용이 길어 섹션별로 분리하여 정리하였습니다. 

 

- Creating and structuring the store(원문) : 저장소(store) 생성 및 구조화(정리)  

    => 1. 데이터베이스 열기, 2. 데이터베이스에서 object store 생성에 관한 내용 

- Adding, retrieving, and removing data(원문) : 데이터 추가, 검색, 제거(정리)

    => 3. transaction 시작 및 추가/검색과 같은 몇몇 데이터베이스 작업을 수행하도록 요청 에 관한 내용 

- Version changes while a web app is open in another tab / Security / Warning about browser shutdown / Locale-aware sorting / Full IndexedDB example(원문) : 버전 변경 시 다른 탭, 보안, 브라우저 종료 시 경고 등 나머지 내용(정리)

 

---

IndexedDB 정리 목록

IndexedDB API: Intro (개요)

IndexedDB API: IndexedDB 사용 - 1 (개요)

IndexedDB API: IndexedDB 사용 - 2 (저장소(store) 생성 및 구조화)

IndexedDB API: IndexedDB 사용 - 3 (데이터 추가, 검색, 제거)

IndexedDB API: IndexedDB 사용 - 4 (버전 변경 시 다른 탭, 보안, 브라우저 종료 시 경고 등 나머지 내용)

IndexedDB API: IndexedDB 주요 특징 및 기본 용어