More actions
imported>pkccr1 No edit summary |
(Repair batch-0008 pages from live compare) |
||
| (4 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
<!-- MONIWIKI PageList(html5) --> | |||
* [[html5]] | |||
* [[html5/VA]] | |||
* [[html5/canvas]] | |||
* [[html5/communicationAPI]] | |||
* [[html5/drag-and-drop]] | |||
* [[html5/form]] | |||
* [[html5/geolocation]] | |||
* [[html5/offline-web-application]] | |||
* [[html5/others-api]] | |||
* [[html5/outline]] | |||
* [[html5/overview]] | |||
* [[html5/richtext-edit]] | |||
* [[html5/section]] | |||
* [[html5/video&audio]] | |||
* [[html5/web-storage]] | |||
* [[html5/web-workers]] | |||
* [[html5/webSqlDatabase]] | |||
* [[html5/websocket]] | |||
* [[html5/문제점]] | |||
* [[html5practice]] | |||
* [[html5practice/roundRect]] | |||
* [[html5practice/계층형자료구조그리기]] | |||
* [[html5practice/즐겨찾기목록만들기]] | |||
__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/ 의 내용이 가장 충실하고 확실하다는 걸 알게 되었음. - 이승한 | |||
Latest revision as of 01:40, 27 March 2026
- html5
- html5/VA
- html5/canvas
- html5/communicationAPI
- html5/drag-and-drop
- html5/form
- html5/geolocation
- html5/offline-web-application
- html5/others-api
- html5/outline
- html5/overview
- html5/richtext-edit
- html5/section
- html5/video&audio
- html5/web-storage
- html5/web-workers
- html5/webSqlDatabase
- html5/websocket
- html5/문제점
- html5practice
- html5practice/roundRect
- html5practice/계층형자료구조그리기
- html5practice/즐겨찾기목록만들기
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/ 의 내용이 가장 충실하고 확실하다는 걸 알게 되었음. - 이승한