1. html5
  2. html5/VA
  3. html5/canvas
  4. html5/drag-and-drop
  5. html5/form
  6. html5/geolocation
  7. html5/offline-web-application
  8. html5/others-api
  9. html5/outline
  10. html5/overview
  11. html5/richtext-edit
  12. html5/video&audio
  13. html5/web-storage
  14. html5/web-workers
  15. html5/webSqlDatabase
  16. html5/websocket
  17. html5/문제점
  18. html5practice/roundRect
  19. html5practice/즐겨찾기목록만들기


1. Web storage?

  • HTML 5에 추가된 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조
  • 기존 key/value 값을 저장하던 cookie의 단점 보완 (크기제한, 스크립트 저장, 영구 저장 등)

1.1. local storage

  • 장기적으로 저장할 수 있는 공간이다. 브라우저 창을 닫아도 계속 유지되며 모든 브라우저 창 간에 공유된다.
    유효기간이 없는 Cookie 와 같다고 보면 된다.
  • 참조

1.2. Session storage

  • 세션이라는 이름에서 볼 수 있듯이 현재 브라우저 창에만 유효한 저장공간이다.
    즉 브라우저창을 닫으면 모두 지워진다.

2. api

interface Storage {
  readonly attribute unsigned long length;
  getter DOMString key(in unsigned long index);
  getter any getItem(in DOMString key);
  setter creator void setItem(in DOMString key, in any value);
  deleter void removeItem(in DOMString key);
  void clear();
};

3. 참조

4. thread

  • 문서를 만들고 보니까 http://dev.w3.org/ 의 내용이 가장 충실하고 확실하다는 걸 알게 되었음. - 이승한
Retrieved from http://wiki.zeropage.org/wiki.php/html5/web-storage
last modified 2021-02-07 05:31:41