indexeddb (2) 썸네일형 리스트형 IndexedDB 예제 IndexedDB 종합 예제 코드펜 예제 See the Pen IndexedDB Sample by shinhs9423 (@shinhs9423) on CodePen. IndexedDB 예제 분석 IndexedDB 사용하기 let db; // DB를 전역에서 사용하기 위한 변수 const DBRequest = indexedDB.open('DataBaseName',1); // 식별자 = indexedDB.open('DB이름', 버전); // 버전으로 addEventListener('upgradeneeded',function(event){ });를 실행시킬 수 있다. // 브라우저가 리로드 되면서 버전을 확인하고, 버전이 같지 않을때 실행된다. DBRequest.addEventListener('success',.. Web Browser Storage Web Browser Storage란? 개발자도구 > Application 에서 확인할 수 있다. DataBase를 서버에 두지 않고 웹브라우저가 제공하는 공간에 구축한다. Web Browser Storage 종류 Local Storage, Session Storage, IndexedDB 등 다양한 종류가 있다. Storage의 특징을 파악하고, 사용하는 것이 좋다. Storage의 특징 Cookie LocalStorage IndexedDB 저장공간 적음 약 5mb 브라우저와 사용자 환경에 따라 차이가 있다. 네트워크 서버와 통신한다 포함하지 않는다 포함하지 않는다 데이터 타입 문자열 문자열 제한받지 않음 (blob을 이용한다) 동작방법 동기 동기 비동기 난이도 쉬움 쉬움 어려움 이전 1 다음
