Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Html5/web-storage: Difference between revisions

From ZeroWiki
imported>pkccr1
No edit summary
imported>beonit
No edit summary
Line 1: Line 1:
[[pagelist(html5)]]
[[pagelist(html5)]]
__TOC__
__TOC__
= Web storage? =  
= Web storage? =  
* HTML 5에 추가된 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조
* HTML 5에 추가된 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조
* 기존 key/value 값을 저장하던 cookie의 단점 보완 (크기제한, 스크립트 저장, 영구 저장 등)
* 기존 key/value 값을 저장하던 cookie의 단점 보완 (크기제한, 스크립트 저장, 영구 저장 등)
 
== local storage ==
= local storage =  
* 장기적으로 저장할 수 있는 공간이다. 브라우저 창을 닫아도 계속 유지되며 모든 브라우저 창 간에 공유된다.  
* 장기적으로 저장할 수 있는 공간이다. 브라우저 창을 닫아도 계속 유지되며 모든 브라우저 창 간에 공유된다.  
   유효기간이 없는 Cookie 와 같다고 보면 된다.
   유효기간이 없는 Cookie 와 같다고 보면 된다.
 
* 참조
* http://nosmoke.cctoday.co.kr/1062
== Session storage ==
* http://cafe.naver.com/webappdev/124
 
= Session storage =
* 세션이라는 이름에서 볼 수 있듯이 현재 브라우저 창에만 유효한 저장공간이다.  
* 세션이라는 이름에서 볼 수 있듯이 현재 브라우저 창에만 유효한 저장공간이다.  
   즉 브라우저창을 닫으면 모두 지워진다.
   즉 브라우저창을 닫으면 모두 지워진다.
 
= api =
* http://cafe.naver.com/webappdev/125
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();
};


= 참조 =
= 참조 =
* http://nosmoke.cctoday.co.kr/1062
* http://cafe.naver.com/webappdev/124
* http://m.mkexdev.net/59
* http://m.mkexdev.net/59
* http://xguru.net/621
* http://xguru.net/621
* http://cafe.naver.com/webappdev/125
= thread =
* 문서를 만들고 보니까 http://dev.w3.org/ 의 내용이 가장 충실하고 확실하다는 걸 알게 되었음. - 이승한



Revision as of 11:25, 15 October 2010

[[pagelist(html5)]]

Web storage?

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

local storage

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

Session storage

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

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();
};

참조

thread

  • 문서를 만들고 보니까 http://dev.w3.org/ 의 내용이 가장 충실하고 확실하다는 걸 알게 되었음. - 이승한