Web Storage
Table of contents
HTML5 ์ด์ ๋ฒ์ ์์๋ ์น์ดํ๋ฆฌ์ผ์ด์ ๊ด๋ จ ์ฝํ ์ธ ๋ฅผ ํด๋ผ์ด์ธํธ ์ธก์ ์ ์ฅํ ๋ ์ฃผ๋ก ์ฟ ํค๋ฅผ ์ฌ์ฉํ์๋ค. ํ์ง๋ง ์ฟ ํค์ ๊ฒฝ์ฐ ๋ช ๊ฐ์ง ๋ฌธ์ ์ ์ ๊ฐ์ง๊ณ ์๋ค.
์ฒซ ๋ฒ์งธ๋ ๋๋ฉ์ธ(์ฌ์ดํธ) ๋ณ๋ก 20๊ฐ๊น์ง๋ง ์ฟ ํค๋ฅผ ์์ฑํ ์ ์์ผ๋ฉฐ ๊ฐ ์ฟ ํค๋ 4KB ํฌ๊ธฐ๋ฅผ ๋์ ์ ์๋ค๋ ๊ฒ์ด๋ค.
๋ ๋ฒ์งธ๋ HTTP ์์ฒญ์ด ๋ฐ์ํ ๋๋ง๋ค ์ฟ ํค ๊ฐ์ด ํฌํจ๋์ด ์๋ฒ๋ก ์ ์ก๋๋ค๋ ๊ฒ์ด๋ค. ์ด๋ ๋ถํ์ํ ์ค๋ฒํค๋ ๋ฐ ์น์ธ์ ํ์ทจ ๊ด๋ จ ๋ฌธ์ ์ ์ ์ผ๊ธฐํ๋ค.
Web Storage๋ ์ด๋ฌํ ๋ฌธ์ ์ ๋ค์ ๋ณด์ํ๊ธฐ ์ํด์ ๊ณ ์๋ ๊ธฐ์ ์ด๋ค.
Web Storage๋ ์น์ฌ์ดํธ์ ๊ด๋ จ๋ ์ฝํ
์ธ ๋ฅผ ์ฌ์ฉ์์ ์ปดํจํฐ์ ์ ์ฅํ๊ณ ์ดํ์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ด์ฉํ์ฌ ์ ๊ทผํ๊ฑฐ๋ ํต์ ํ ์ ์๋ค.
์ปดํจํฐ์ ์ ์ฅํ ์ ์๋ ๋ฐ์ดํฐ์ ์ฉ๋์ ๋ธ๋ผ์ฐ์ ์ ์ข ๋ฅ์ ๋ฐ๋ผ ๋ค๋ฅด๋ ์ผ๋ฐ์ ์ผ๋ก ๋๋ฉ์ธ๋น 5MB ์ ๋์ ํฌ๊ธฐ๋ฅผ ์ฌ์ฉํ ์ ์๋ค
Session Storage
๊ธฐ๋ณธ์ ์ผ๋ก Local Storage์ ์ ์ฌํ๋ ๋ธ๋ผ์ฐ์ ํน์ ํญ์ ์ข ๋ฃํ ๊ฒฝ์ฐ ๋ฐ์ดํฐ๊ฐ ์ญ์ ๋๋ค.
Local Storage
ํด๋น ์์ญ์๋ ๋ชจ๋ ํ ์คํธ ๊ฐ์ ์ ์ฅํ ์ ์๋ค. ๊ฐ ์์ดํ ๋ค์ Key Name - Value ์์ผ๋ก ๊ตฌ๋ถ๋๋ฉฐ, ์กด์ฌํ๋ ๊ธฐ์กด ์์ดํ ์ Key Name์ ํตํด ์ ๊ทผํ ์ ์๋ค.
์ฌ์ฉ์ ํน์ ์น์ดํ ๋ฆฌ์ผ์ด์ ์ ์ํด์ ์์ฑ/์ญ์ ๋ ์ ์์ผ๋ฉฐ, ๋ธ๋ผ์ฐ์ ๋ฅผ ์ข ๋ฃํด๋ ๋ฐ์ดํฐ๋ค์ ์ญ์ ๋์ง ์ ๋๋ค.