U E D R , A S I H C RSS

html5/web-storage

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.0068 sec