TIL 컴포넌트, objectStore

함수형 컴포넌트

export default

IndexedDB
로컬 데이터 베이스(서버가 아니라 브라우저에 저장하는 데이터 베이스)
네트워크없이 빠르게 접근, 저장 가능

관계형 데이터베이스가 아니다
자바스크립트 기반의 객체 지향 데이터베이스

데이터베이스 열기

let request = indexedDB.open(name, version)

                  indexedDB.open(Name, Version) //이름, 버전
const onRequest = indexedDB.open('instagram', 1);

onRequest.onupgradeneeded = e => {    
    alert("upgraed is called");
}
onRequest.onsuccess = e => {			
    alert("success is called");
}
onRequest.error = e => {				
    alert("Error creating or accessing db");
}

.onupgradeneeded name,version이 일치하지만 데이터베이스가 없을경우 호출하며 데이터 베이스 생성 등을 한다.
.onsuccess name,version 모두 일치하는 데이터베이스가 있으면 호출
.error DB호출 실패시 error 발생

objectStore 생성
database.createObjectStore(‘store name’, {keyPath: ‘id’})

Transaction
const transaction = database.transaction(“objectStoreName”, 'TransactionMode')
objectStoreName : 객체 저장소 이름
TransactionMode : readonly, readwrite, versionchange