U E D R , A S I H C RSS

html5/web-storage

Difference between r1.3 and the current

@@ -1,20 +1,32 @@
[[pagelist(html5)]]
[[TableOfContents]]
= Web storage? =
* HTML 5에 추가된 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조
* 기존 key/value 값을 저장하던 cookie의 단점 보완 (크기제한, 스크립트 저장, 영구 저장 등)
 
= local storage =
== local storage ==
* 장기적으로 저장할 수 있는 공간이다. 브라우저 창을 닫아도 계속 유지되며 모든 브라우저 창 간에 공유된다.
유효기간이 없는 Cookie 와 같다고 보면 된다.
 
* http://nosmoke.cctoday.co.kr/1062
= Session storage =
* 참조
== 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();
};
}}}

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



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

4. thread

  • 문서를 만들고 보니까 http://dev.w3.org/ 의 내용이 가장 충실하고 확실하다는 걸 알게 되었음. - 이승한
Valid XHTML 1.0! Valid CSS! powered by MoniWiki
last modified 2021-02-07 05:31:41
Processing time 0.0274 sec