반응형
블로그 이미지
개발자로서 현장에서 일하면서 새로 접하는 기술들이나 알게된 정보 등을 정리하기 위한 블로그입니다. 운 좋게 미국에서 큰 회사들의 프로젝트에서 컬설턴트로 일하고 있어서 새로운 기술들을 접할 기회가 많이 있습니다. 미국의 IT 프로젝트에서 사용되는 툴들에 대해 많은 분들과 정보를 공유하고 싶습니다.
솔웅

최근에 받은 트랙백

글 보관함

HTML5 Storage 3 - IndexedDB -

2012. 1. 9. 13:15 | Posted by 솔웅


Today's Topic is Indexed Database of HTML5.

Indexed DB 도 Web Storage 중 하나인데요. Key-value 조합으로 데이터를 관리 할 수 있도록 해 줍니다.

아래 파일을 다운 받아서 브라우저에서 테스트 해 보세요.
Download below file and open it with latest Google Chrome Browser.


Google Chrome 16.0.912.75 m  - Working well (O)
Internet Explorer 9.0.8.112        - Not Working (X)
Opera 11.60                            - Not Working (X)
Safari 5.1.2                             - Not Working (X)
FireFox 9.0.1                          - Not Working (X)

This is only working on my Google Chrome browser as above.
이 기능은 구글 크롬 브라우저에서만 동작이 제대로 됩니다.


HTML5 Presentation
JS

IndexedDB

1.  "create objectStore" ->2.  Input key and value -> 3.  click "set" -> 4. do 2 and 3  as many as you want -> 5. you can see new key and value -> 6. You can delete it -> 7. you can remove objectStore

먼저 objectStore 를 create 하고 키와 밸류를 넣은 다음 set 버튼을 누릅니다.
그러면 데이터가 브라우저에 저장이 됩니다.
데이터를 여러개 생성할 수 있습니다. 하지만 key 값은 중복 될 수 없습니다.
생성된 데이터 옆에 Delete 버튼을 누르면 데이터가 지워집니다.
remove objectStore 버튼을 누르면 전체 objectStore 가 delete 됩니다.

오직 구글 크롬 브라우저에서만 실행 되더라구요.
혹시 다른데서 실행 되시는 분은 알려 주세요.

It works on Google Chrome browser only.
Please let me know if it works on any other browser.

그럼....

Thanks
반응형

Comment