/
๐ŸŒ

Web Storage

WebBrowser
Table of contents
  • Session Storage
  • Local Storage

HTML5 ์ด์ „ ๋ฒ„์ „์—์„œ๋Š” ์›น์–ดํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ด€๋ จ ์ฝ˜ํ…์ธ ๋ฅผ ํด๋ผ์ด์–ธํŠธ ์ธก์— ์ €์žฅํ•  ๋•Œ ์ฃผ๋กœ ์ฟ ํ‚ค๋ฅผ ์‚ฌ์šฉํ•˜์˜€๋‹ค. ํ•˜์ง€๋งŒ ์ฟ ํ‚ค์˜ ๊ฒฝ์šฐ ๋ช‡ ๊ฐ€์ง€ ๋ฌธ์ œ์ ์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค.

์ฒซ ๋ฒˆ์งธ๋Š” ๋„๋ฉ”์ธ(์‚ฌ์ดํŠธ) ๋ณ„๋กœ 20๊ฐœ๊นŒ์ง€๋งŒ ์ฟ ํ‚ค๋ฅผ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ์œผ๋ฉฐ ๊ฐ ์ฟ ํ‚ค๋Š” 4KB ํฌ๊ธฐ๋ฅผ ๋„˜์„ ์ˆ˜ ์—†๋‹ค๋Š” ๊ฒƒ์ด๋‹ค.

๋‘ ๋ฒˆ์งธ๋Š” HTTP ์š”์ฒญ์ด ๋ฐœ์ƒํ•  ๋•Œ๋งˆ๋‹ค ์ฟ ํ‚ค ๊ฐ’์ด ํฌํ•จ๋˜์–ด ์„œ๋ฒ„๋กœ ์ „์†ก๋œ๋‹ค๋Š” ๊ฒƒ์ด๋‹ค. ์ด๋Š” ๋ถˆํ•„์š”ํ•œ ์˜ค๋ฒ„ํ—ค๋“œ ๋ฐ ์›น์„ธ์…˜ ํƒˆ์ทจ ๊ด€๋ จ ๋ฌธ์ œ์ ์„ ์•ผ๊ธฐํ•œ๋‹ค.

Web Storage๋Š” ์ด๋Ÿฌํ•œ ๋ฌธ์ œ์ ๋“ค์„ ๋ณด์™„ํ•˜๊ธฐ ์œ„ํ•ด์„œ ๊ณ ์•ˆ๋œ ๊ธฐ์ˆ ์ด๋‹ค.
Web Storage๋Š” ์›น์‚ฌ์ดํŠธ์™€ ๊ด€๋ จ๋œ ์ฝ˜ํ…์ธ ๋ฅผ ์‚ฌ์šฉ์ž์˜ ์ปดํ“จํ„ฐ์— ์ €์žฅํ•˜๊ณ  ์ดํ›„์— ์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ๋ฅผ ์ด์šฉํ•˜์—ฌ ์ ‘๊ทผํ•˜๊ฑฐ๋‚˜ ํ†ต์ œํ•  ์ˆ˜ ์žˆ๋‹ค.

์ปดํ“จํ„ฐ์— ์ €์žฅํ•  ์ˆ˜ ์žˆ๋Š” ๋ฐ์ดํ„ฐ์˜ ์šฉ๋Ÿ‰์€ ๋ธŒ๋ผ์šฐ์ €์˜ ์ข…๋ฅ˜์— ๋”ฐ๋ผ ๋‹ค๋ฅด๋‚˜ ์ผ๋ฐ˜์ ์œผ๋กœ ๋„๋ฉ”์ธ๋‹น 5MB ์ •๋„์˜ ํฌ๊ธฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋‹ค

Session Storage

๊ธฐ๋ณธ์ ์œผ๋กœ Local Storage์™€ ์œ ์‚ฌํ•˜๋‚˜ ๋ธŒ๋ผ์šฐ์ € ํ˜น์€ ํƒญ์„ ์ข…๋ฃŒํ•  ๊ฒฝ์šฐ ๋ฐ์ดํ„ฐ๊ฐ€ ์‚ญ์ œ๋œ๋‹ค.

Local Storage

ํ•ด๋‹น ์˜์—ญ์—๋Š” ๋ชจ๋“  ํ…์ŠคํŠธ ๊ฐ’์„ ์ €์žฅํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ฐ ์•„์ดํ…œ๋“ค์€ Key Name - Value ์Œ์œผ๋กœ ๊ตฌ๋ถ„๋˜๋ฉฐ, ์กด์žฌํ•˜๋Š” ๊ธฐ์กด ์•„์ดํ…œ์€ Key Name์„ ํ†ตํ•ด ์ ‘๊ทผํ•  ์ˆ˜ ์žˆ๋‹ค.

์‚ฌ์šฉ์ž ํ˜น์€ ์›น์–ดํ”Œ ๋ฆฌ์ผ€์ด์…˜์— ์˜ํ•ด์„œ ์ƒ์„ฑ/์‚ญ์ œ๋  ์ˆ˜ ์žˆ์œผ๋ฉฐ, ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์ข…๋ฃŒํ•ด๋„ ๋ฐ์ดํ„ฐ๋“ค์€ ์‚ญ์ œ๋˜์ง€ ์•Š ๋Š”๋‹ค.

logo
Things I've Learned