More actions
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 와 같다고 보면 된다. | ||
* 참조 | |||
* | == 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://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/ 의 내용이 가장 충실하고 확실하다는 걸 알게 되었음. - 이승한