Cookie, Web Stroage

yjinยท2022๋…„ 4์›” 7์ผ
0

1.Cookie๐Ÿช

  • ์„œ๋ฒ„๊ฐ€ ํด๋ผ์ด์–ธํŠธ์— ์ •๋ณด๋ฅผ ์ „๋‹ฌํ•  ๋•Œ ์ €์žฅํ•˜๊ณ ์ž ํ•˜๋Š” ์ •๋ณด๋ฅผ ํ—ค๋”(Set-Cookie)์— ์ €์žฅํ•˜์—ฌ ์ „๋‹ฌ
  • key, value ํ˜•์‹์˜ ๋ฌธ์ž์—ด๋กœ ์ €์žฅ
  • ์ด๋ฆ„, ๊ฐ’, ๋งŒ๋ฃŒ ๋‚ ์งœ/์‹œ๊ฐ„(์ฟ ํ‚ค ์ €์žฅ๊ธฐ๊ฐ„), ๊ฒฝ๋กœ ์ •๋ณด ๋“ฑ์ด ํฌํ•จ
  • ํด๋ผ์ด์–ธํŠธ์˜ ์ƒํƒœ ์ •๋ณด๋ฅผ ๋กœ์ปฌ์— ์ €์žฅํ–ˆ๋‹ค๊ฐ€ ์š”์ฒญ(request)ํ•  ๋•Œ ์ฐธ์กฐ

2. Web Stroage

  • key-value ์Œ์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์ €์žฅํ•˜๊ณ  ํ‚ค๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์กฐํšŒํ•˜๋Š” ํŒจํ„ด
  • ์ฟ ํ‚ค์™€ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์‚ฌ์ดํŠธ์˜ ๋„๋ฉ”์ธ ๋‹จ์œ„๋กœ ์ ‘๊ทผ ์ œํ•œ
    (A ๋„๋ฉ”์ธ์—์„œ ์ €์žฅํ•œ ๋ฐ์ดํ„ฐ๋Š” B ๋„๋ฉ”์ธ์—์„œ ์กฐํšŒํ•  ์ˆ˜ ์—†์Œ) => ๋ฐ์ดํ„ฐ์˜ ๋ณด์•ˆ
  • Local stroage์™€ Session stroage๋กœ ๋‚˜๋‰จ

1) Local stroage(์˜๊ตฌ ์ €์žฅ์†Œ)

  • ์ €์žฅํ•œ ๋ฐ์ดํ„ฐ๋ฅผ ์ง€์šฐ์ง€ ์•Š๋Š” ์ด์ƒ ์˜๊ตฌ์ ์œผ๋กœ ๋ณด๊ด€
  • ๋„๋ฉ”์ธ๋งˆ๋‹ค ๋ณ„๋กœ๋„ Local stroage์ƒ์„ฑ(๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋‹ฌ๋ผ๋„ ์ƒ๊ด€์—†์Œ)
  • windows ์ „์—ญ ๊ฐ์ฒด์˜ Local stroage๋ผ๋Š” ์ปฌ๋ ‰์…˜์„ ํ†ตํ•ด ์ €์žฅ๊ณผ ์กฐํšŒ๊ฐ€ ์ด๋ฃจ์–ด์ง

2) Session storage(์ž„์‹œ ์ €์žฅ์†Œ)

  • ๋ฐ์ดํ„ฐ์˜ ์ง€์†์ •๊ณผ ์—‘์„ธ์Šค ๋ฒ”์œ„์— ์ œํ•œ์ด ์žˆ์Œ
  • ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ์ข…๋ฃŒ๋˜๋ฉด ๋ฐ์ดํ„ฐ๊ฐ€ ์‚ฌ๋ผ์ง
  • ๋„๋ฉ”์ธ๋ณ„๋กœ ์ƒ์„ฑ๋˜๊ธดํ•˜์ง€๋งŒ ๊ฐ™์€ ๋„๋ฉ”์ธ์ด๋ผ๋„ ๋ธŒ๋ผ์šฐ์ €๊ฐ€ ๋‹ค๋ฅด๋ฉด ๋‹ค๋ฅธ ์˜์—ญ์ด๋ผ๊ณ  ํŒ๋‹จ๋˜์–ด ๊ฐ๊ฐ ๋‹ค๋ฅธ Session stroage๋ฅผ ์ƒ์„ฑ(=> Local stroage์™€์˜ ์ฐจ์ด์ )
  • windows ์ „์—ญ ๊ฐ์ฒด์˜ Session stroage๋ผ๋Š” ์ปฌ๋ ‰์…˜์„ ํ†ตํ•ด ์ €์žฅ๊ณผ ์กฐํšŒ๊ฐ€ ์ด๋ฃจ์–ด์ง

[Cookie์™€ Web Stroage์˜ ์ฐจ์ด์ ]
1. ์ฟ ํ‚ค๋Š” ๋งค๋ฒˆ ์„œ๋ฒ„๋กœ ์ „์†ก๋˜์ง€๋งŒ Web Stroage๋Š” ํด๋ผ์ด์–ธํŠธ์— ์กด์žฌํ•˜๊ณ  ์„œ๋ฒ„๋กœ ์ „์†กX
(=> ๋„คํŠธ์›Œํฌ ํŠธ๋ž˜ํ”ฝ ๋น„์šฉ์„ ์ค„์—ฌ์คŒ)
2. Web Stroage๋Š” ๋‹จ์ˆœ ๋ฌธ์ž์—ด์„ ๋„˜์–ด ๊ฐ์ฒด์ •๋ณด๋ฅผ ์ €์žฅ๊ฐ€๋Šฅ
3. Cookie๋Š” ๊ฐœ์ˆ˜์™€ ์šฉ๋Ÿ‰์— ์ œํ•œ์ด ์žˆ์ง€๋งŒ Web Stroage๋Š” ์šฉ๋Ÿ‰์˜ ์ œํ•œ์ด ์—†์Œ
4. Cookie๋Š” ๋งŒ๋ฃŒ์ผ์ž๊ฐ€ ์žˆ์–ด์„œ ์˜๊ตฌ ์ €์žฅ์„ ๋ชปํ•˜์ง€๋งŒ Web Stroage๋Š” ์ €์žฅ ๊ฐ€๋Šฅ


๊ณต๋ถ€ํ•˜๋ฉฐ ์ž‘์„ฑํ•˜๊ณ  ์žˆ๋Š” ๋ธ”๋กœ๊ทธ์ž…๋‹ˆ๋‹ค.
์ž˜๋ชป๋œ ๋‚ด์šฉ์ด ์žˆ์„ ์ˆ˜ ์žˆ์œผ๋ฉฐ ํ˜น์‹œ ์žˆ๋‹ค๋ฉด ๋Œ“๊ธ€ ๋‹ฌ์•„์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค ๐Ÿ˜Š

0๊ฐœ์˜ ๋Œ“๊ธ€