이 블로그는 광고 클릭 수익으로 운영됩니다!
괜찮으시다면 광고 차단을 풀어주세요 ㅠㅠ

게시글

강좌17 - HTML - 8달 전 등록

IndexedDB

조회수:
0
이 글은 아직 준비중입니다. 예고편이라고 보시면 됩니다. 가끔 실시간으로 업데이트되는 모습을 볼 수 있습니다!
이 블로그는 광고 클릭 수익으로 운영됩니다!
괜찮으시다면 광고 차단을 풀어주세요 ㅠㅠ
이 블로그는 광고 클릭 수익으로 운영됩니다!
괜찮으시다면 광고 차단을 풀어주세요 ㅠㅠ

안녕하세요. 이번 시간에는 클라이언트에서 사용할 수 있는 DB인 IndexedDB에 대해 알아보겠습니다.

클라이언트에서 웬 DB냐 하실 수도 있습니다. DB는 보통 서버쪽의 것이었으니까요. 하지만 IndexedDB는 무려 IE10에서부터(부분지원이지만) 제공하는 DB입니다. 즉, 서버로 데이터를 보내지 않아도 클라이언트에 데이터를 저장할 수 있습니다.

물론 클라이언트에 데이터를 저장하는 것이기 때문에 보안에 민감한 정보들은 저장하지 않는 것이 좋습니다. 간단한 데이터를 저장하거나, 오프라인에서도 실행되는 웹사이트를 만들 때 쓰시면 됩니다. 제 블로그 오프라인모드와는 다른 기술입니다. (제 블로그는 PWA를 써서 오프라인 모드를 지원합니다)

먼저 DB와 연결해봅시다. indexedDB를 지원하지 않는 브라우저에서는 첫 번째 줄부터 에러가 날 것입니다.

var request = indexedDB.open('testDB', 1);
request.onsuccess = function() {
  var db = request.result;
  db.onerror = function(event) {
    console.error(event.target.errorCode);
  }
};

DB 이름은 testDB로 만들고, 버전은 1버전입니다. 버전은 소수를 사용할 수 없으니 1,2,3,4 이렇게 넣어주세요.

투표로 게시글에 관해 피드백을 해주시면 많은 도움이 됩니다. 오류가 있다면 어떤 부분에 오류가 있는지도 알려주세요! 잘못된 정보가 퍼져나가지 않도록 도와주세요.
Copyright © 2016- 무단 전재 및 재배포 금지

댓글

아직 댓글이 없습니다.