웹데브모바일 3월 세미나 자료 : Client side storage in html5

2,134 views

Published on

웹데브모바일 3월 세미나 자료 : Client side storage in html5

0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,134
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

웹데브모바일 3월 세미나 자료 : Client side storage in html5

  1. 1. Client-SideStorageinHTML5작성자:전용우(i.nevalose@gmail.com) 작성년월일:2011/03/06
  2. 2. 목차1.StorageHistory2.WebStorage3.WebDatabase4.IndexedDatabase
  3. 3. 1.StorageHistory
  4. 4. 1.1TheFirstBrowserWar(95)
  5. 5. 1.2userData
  6. 6. 1.3LocalSharedObjects(2002’Flash6)
  7. 7. 1.3GoogleGear(2007’)
  8. 8. 1.4.HTML5 WebStorage WebDatabase
  9. 9. 2.WebStorage(akaDOMStorage)
  10. 10. 2.1.Cookie와비교        
  11. 11. 2.3.지원현황
  12. 12. 2.2.localStorage와sessionStorage차이
  13. 13. 2.3.localStorage메서드
  14. 14. 3.WebDatabase
  15. 15. 3.1.WebDatabase
  16. 16. 3.2.지원현황
  17. 17. 3.2.Database생성 function(){this.db= openDatabase(AddressBook,1.0,데이터베이스,(5*1024*1024));
  18. 18. 3.3.Table생성. function(){this.db.transaction(function(tx){
  19. 19. 3.4.Row생성. function(){this.db.transaction(function(tx){ function(transaction,resultSet){
  20. 20. 3.4.RowFetch. function(){ this.db.transaction(function(tx){ function(transaction,resultSet){ for(vari=0;iresultSet.rows.length;i++){
  21. 21. 3.5.Row수정. function(){ this.db.transaction(function(tx){ function(transaction,resultSet){
  22. 22. 3.6.Row삭제. function(){ this.db.transaction(function(tx){ function(transaction,resultSet){
  23. 23. 3.7.WebDB의문제점      
  24. 24. 4.IndexedDB(akaWebSimpleDB)
  25. 25. 4.1.IndexedDB
  26. 26. 4.2.왜IndexedDB인가?
  27. 27. 4.3.지원현황?
  28. 28. 4.3.IndexedDB의지원방식
  29. 29. 4.4.IndexedDB의API
  30. 30. 4.5.IndexedDB의API­–DB생성
  31. 31. 4.5.IndexedDB의API­–DB생성
  32. 32. 4.5.IndexedDB의API­–DB생성 open
  33. 33. 4.6.IndexedDB의API­–ObjectStore생성
  34. 34. 4.6.IndexedDB의API­–ObjectStore생성
  35. 35. 4.6.IndexedDB의API­–ObjectStore생성 createObjectStore
  36. 36. 4.6.IndexedDB의API­–ObjectStore생성 setVersion
  37. 37. 4.6.IndexedDB의API­–ObjectStore생성 createIndex
  38. 38. 4.7.IndexedDB의API­–Datamanipulate
  39. 39. 4.7.IndexedDB의API­–Datamanipulate
  40. 40. 4.7.IndexedDB의API­–Datamanipulate add
  41. 41. 4.7.IndexedDB의API­–Datamanipulate
  42. 42. 4.7.IndexedDB의API­–Datamanipulate
  43. 43. 4.7.IndexedDB의API­–Datamanipulate delete
  44. 44. 4.7.IndexedDB의API­–Datamanipulate put
  45. 45. 4.8.IndexedDB의API­–DataFetch
  46. 46. 4.8.IndexedDB의API­–DataFetch
  47. 47. 4.8.IndexedDB의API­–DataFetch get
  48. 48. 4.8.IndexedDB의API­–DataFetch getAll
  49. 49. 4.8.IndexedDB의API­–DataFetch openCursor continue
  50. 50. 4.8.IndexedDB의API­–DataFetch bound ­– ­–
  51. 51. 4.8.IndexedDB의API­–DataFetch index index
  52. 52. 4.8.IndexedDB의API­–DataFetch delete update
  53. 53. 4.9.IndexedDB의장점
  54. 54. Reference
  55. 55. Thankyou.

×