Latest revision as of 01:40, 27 March 2026

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/ 의 내용이 가장 충실하고 확실하다는 걸 알게 되었음. - 이승한

@@ Line 1: / Line 1: @@
-&#91;&#91;pagelist(html5)&#93;&#93;
+<!-- 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__
 = Web storage? =
 * HTML 5에 추가된 웹 사이트의 데이터를 클라이언트에 저장할 수 있는 새로운 자료구조
 * 기존 key/value 값을 저장하던 cookie의 단점 보완 (크기제한, 스크립트 저장, 영구 저장 등)
+== local storage ==
-= local storage =
 * 장기적으로 저장할 수 있는 공간이다. 브라우저 창을 닫아도 계속 유지되며 모든 브라우저 창 간에 공유된다.
     유효기간이 없는 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://xguru.net/621
+* http://cafe.naver.com/webappdev/125
+= thread =
+* 문서를 만들고 보니까 http://dev.w3.org/ 의 내용이 가장 충실하고 확실하다는 걸 알게 되었음. - 이승한