- html5
- html5/VA
- html5/canvas
- html5/drag-and-drop
- html5/form
- html5/geolocation
- html5/offline-web-application
- html5/others-api
- html5/outline
- html5/overview
- html5/richtext-edit
- html5/video&audio
- html5/web-storage
- html5/web-workers
- html5/webSqlDatabase
- html5/websocket
- html5/๋ฌธ์ ์
- html5practice/roundRect
- html5practice/์ฆ๊ฒจ์ฐพ๊ธฐ๋ชฉ๋ก๋ง๋ค๊ธฐ
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/ ์ ๋ด์ฉ์ด ๊ฐ์ฅ ์ถฉ์คํ๊ณ ํ์คํ๋ค๋ ๊ฑธ ์๊ฒ ๋์์. - ์ด์นํ