
๋ชฉ์ฐจ
์๋ก
์น์์ ์ฌ์ฉ์ ์ ๋ณด๋ฅผ ์ ์ฅํ๊ณ ๊ด๋ฆฌํ๋ ๋ฐฉ๋ฒ์ผ๋ก ์ฟ ํค, ์ธ์ , ์บ์๊ฐ ๋๋ฆฌ ์ฌ์ฉ๋๋ฉฐ ์ด ์ธ ๊ฐ์ง๋ ๊ฐ๊ฐ ๋ค๋ฅธ ๋ฐฉ์์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ๋ค. ๋ฐ๋ผ์ ์ด๋ฒ ํฌ์คํ ์์๋ ์ฟ ํค, ์ธ์ , ์บ์์ ๋ํด ๋น๊ตํ๊ณ ์ ๋ฆฌํด ๋ณด๋๋ก ํ๊ฒ ๋ค.
์ฟ ํค(Cookie)
- ํด๋ผ์ด์ธํธ(๋ธ๋ผ์ฐ์ )์ ์ ์ฅ๋๋ ์์ ๋ฐ์ดํฐ ํ์ผ
- ํค์ ๊ฐ์ผ๋ก ๊ตฌ์ฑ
- ์น ์๋ฒ๋ ์ฌ์ฉ์์ ์ํ ์ ๋ณด๋ฅผ ์ ์งํ๊ธฐ ์ํด ์ฟ ํค๋ฅผ ์์ฑ → ํด๋ผ์ด์ธํธ๋ ์ดํ ์๋ฒ์ ์์ฒญํ ๋๋ง๋ค ์ฟ ํค๋ฅผ ํจ๊ป ์ ์กํจ
- ํด๋น ์ฌ์ฉ์์ ์ปดํจํฐ๋ฅผ ์ฌ์ฉํ๋ค๋ฉด ๋๊ตฌ๋ ์ฟ ํค์ ์ ๋ ฅ๋ ๊ฐ์ ํ์ธ ๊ฐ๋ฅ → ๋ณด์์ฑ์ด ๋ฎ์
>๐กํน์ง
- ์ ์ฅ ์์น : ํด๋ผ์ด์ธํธ(๋ธ๋ผ์ฐ์ )
- ์ ์ฅ ์ฉ๋ : ํ๋์ ์ฟ ํค๋ 4KB(4096byte) ์ ์ฅ ๊ฐ๋ฅ
- ๋ผ์ดํ ์ฌ์ดํด : ์ค์ ์ ๋ฐ๋ผ ๋ธ๋ผ์ฐ์ ์ข ๋ฃ ์ ์ญ์ ๋๋ ๋ง๋ฃ์๊ฐ ์ง์ ๊ฐ๋ฅ
- ๋ณด์ : ๋ณด์์ฑ์ด ๋ฎ์ผ๋ฏ๋ก ๋ง๊ฐํ ๊ฐ์ธ ์ ๋ณด ๋ฑ์ ์ ์ฅ ๊ถ์ฅX
- ์์ : ์๋ ๋ก๊ทธ์ธ ์๋ฆผ, ์ฅ๋ฐ๊ตฌ๋ ์ ๋ณด, ํ์ ๋์ฐ์ง ์๊ธฐ ๋ฑ
>๐ก์ฟ ํค ํต์ ๋ฐฉ๋ฒ
- ํด๋ผ์ด์ธํธ๊ฐ ํ์ด์ง๋ฅผ ์์ฒญํจ(์ฌ์ฉ์๊ฐ ์น์ฌ์ดํธ์ ์ ๊ทผ)
- ์น ์๋ฒ์ธก์์ ์ฟ ํค ์์ฑ
- ์์ฑ๋ ์ฟ ํค์ ์ ๋ณด(userId, pwd, ๋ฐฉ๋ฌธํ์ ๋ฑ)๋ฅผ ๋ด์ HTTP ํ๋ฉด์ ๋๋ ค์ค ๋ ํด๋ผ์ด์ธํธ์๊ฒ ๊ฐ์ด ๋๋ ค์ค
- ๋๊ฒจ๋ฐ์ ์ฟ ํค๋ ํด๋ผ์ด์ธํธ๊ฐ ๊ฐ๊ณ ์๋ค ๋ค์ ์๋ฒ์ ์์ฒญํ ๋ ์์ฒญ๊ณผ ํจ๊ป ์ ์ฅ๋ ์ฟ ํค๋ฅผ ์ ์กํจ
- ๋์ผ ์ฌ์ดํธ ์ฌ๋ฐฉ๋ฌธ ์ ์ฟจ๋ผ์ด์ธํธ์ pc์ ํด๋น ์ฟ ํค๊ฐ ์๋ ๊ฒฝ์ฐ, ์์ฒญ ํ์ด์ง์ ํจ๊ป ์ฟ ํค๋ฅผ ์ ์ก
→ ex) ๋ฐฉ๋ฌธ ์ฌ์ดํธ ๋ก๊ทธ์ธ ์, "์์ด๋์ ๋น๋ฐ๋ฒํธ๋ฅผ ์ ์ฅํ์๊ฒ ์ต๋๊น?" ์๋ฆผ์ฐฝ ๋ฑ
์ธ์ (Session)
- ์๋ฒ์ ์ ์ฅ๋๋ ์ฟ ํค, ํด๋ผ์ด์ธํธ์ ์๋ฒ์ ํต์ ์ํ๋ฅผ ์๋ฏธ
- ํด๋ผ์ด์ธํธ๊ฐ ๋ก๊ทธ์ธ ๋ฑ์ ํ๋ฉด ์๋ฒ๋ ๊ณ ์ ํ ์ธ์ ID๋ฅผ ๋ฐ๊ธ → ID๋ฅผ ํด๋ผ์ด์ธํธ์ ์ฟ ํค์ ์ ์ฅํ์ฌ ์ดํ ์์ฒญ๋ง๋ค ํด๋ผ์ด์ธํธ๋ฅผ ์๋ณํจ
- ์ฌ์ฉ์ ๋ก์ปฌ์ด ์๋ ์๋ฒ์ ์ง์ ์ ์ฅ → ๋ณด์์ฑ์ด ๋น๊ต์ ๋์
>๐กํน์ง
- ์ ์ฅ ์์น : ์๋ฒ
- ์ ์ฅ ์ฉ๋ : ์๋ฒ ๋ฉ๋ชจ๋ฆฌ์ ์์กด
- ๋ผ์ดํ ์ฌ์ดํด : ์ผ์ ์๊ฐ(๋ณดํต 30๋ถ) ๋์ ์ ์ง๋๋ฉฐ, ๋นํ์ฑ์ ๋ง๋ฃ๋จ
- ๋ณด์ : ์ฟ ํค๋ณด๋ค ์์ ํ์ง๋ง ์ธ์ ํ์ด์ฌํน ์ํ ์กด์ฌ
- ์์ : ๋ก๊ทธ์ธ ์ํ ์ ์ง, ์ฌ์ฉ์๋ณ ๋ง์ถค ์ ๋ณด ๋ฑ
>๐ก์ธ์ ํต์ ๋ฐฉ๋ฒ
- ํด๋ผ์ด์ธํธ๊ฐ ํ์ด์ง์ ์์ฒญ
- ์๋ฒ๋ ์ ๊ทผํ ํด๋ผ์ด์ธํธ์ Request-Header ํ๋์ธ Cookie๋ฅผ ํ์ธํด ํด๋ผ์ด์ธํธ๊ฐ ํด๋น ์ธ์ ID๋ฅผ ๋ณด๋๋์ง ํ์ธํจ
- ์ธ์ ID๊ฐ ์กด์ฌํ์ง ์๋ ๊ฒฝ์ฐ, ์๋ฒ๋ ์ธ์ ID๋ฅผ ์์ฑํด ํด๋ผ์ด์ธํธ์๊ฒ ๋๊ฒจ์ค
- ํด๋ผ์ด์ธํธ๋ ์๋ฒ๋ก๋ถํฐ ๋ฐ์ ์ธ์ ID๋ฅผ ์ฟ ํค์ ์ ์ฅ
- ํด๋ผ์ด์ธํธ๋ ์๋ฒ์ ์์ฒญ ์ ์ด ์ฟ ํค์ ์ธ์ ID ๊ฐ์ ๊ฐ์ด ์๋ฒ์ ์ ๋ฌํจ
- ์๋ฒ๋ ์ ๋ฌ๋ฐ์ ์ธ์
ID๋ก ์ธ์
์ ์๋ ํด๋ผ์ด์ธํธ ์ ๋ณด๋ฅผ ๊ฐ๊ณ ์์ฒญ์ ์ฒ๋ฆฌํ ํ ์๋ตํจ
→ ex) ํ๋ฉด์ ์ด๋ํด๋ ๋ก๊ทธ์ธ์ด ํ๋ฆฌ์ง ์๊ณ ๋ก๊ทธ์์ํ๊ธฐ ์ ๊น์ง ์ ์ง ๋ฑ
์ฟ ํค(Cookie)์ ์ธ์ (Session)์ ์ฐจ์ด
- ์ฟ ํค์ ์ธ์ ์ ์น์์ ์ฌ์ฉ์์ ์ํ ์ ๋ณด๋ฅผ ์ ์งํ๊ธฐ ์ํ ๋ฐฉ์์ด์ง๋ง, ๋์ ๋ฐฉ์๊ณผ ๋ณด์ ๋ฑ ์ฌ๋ฌ ๋ฉด์์ ์ฐจ์ด๊ฐ ์กด์ฌํจ
(ํธ์๋ฅผ ์ํด ์์์ ์ง์ ํด ์ค๋ช ํจ)
์ฟ ํค , ์ธ์
- ํฐ ์ฐจ์ด์ ์ ์ฌ์ฉ์์ ์ ๋ณด๊ฐ ์ ์ฅ๋๋ ์์น → ์ฟ ํค๋ ์๋ฒ์ ์์์ ์ฌ์ฉํ์ง ์์, ์ธ์ ์ ์๋ฒ์ ์์์ ์ฌ์ฉํจ
- ๋ณด์ ์ธก๋ฉด์์๋ ์ธ์ ์ด ์ฟ ํค๋ณด๋ค ์ฐ์
- ์ฟ ํค๋ ํด๋ผ์ด์ธํธ ๋ก์ปฌ์ ์ ์ฅ๋๊ธฐ ๋๋ฌธ์ ๋ณ์ง๋๊ฑฐ๋ request์์ ์ค๋ํ ๋นํ ์ฐ๋ ค๊ฐ ์์ด ๋ณด์์ ์ทจ์ฝ
- ์ธ์ ์ ์ฟ ํค๋ฅผ ์ด์ฉํด ์ธ์ ID๋ง ์ ์ฅํ๊ณ ID๋ก ๊ตฌ๋ถํด ์๋ฒ์์ ์ฒ๋ฆฌํ๊ธฐ ๋๋ฌธ์ ๋น๊ต์ ๋ณด์์ฑ์ด ๋์
- ์ฟ ํค๋ ํ์ผ๋ก ์ ์ฅ๋๊ธฐ ๋๋ฌธ์ ๋ธ๋ผ์ฐ์ ๋ฅผ ์ข ๋ฃํด๋ ์ ๋ณด๊ฐ ์ ์ง๋ ์ ์๊ณ , ๋ฐ๋ก ๋ง๋ฃ๊ธฐ๊ฐ์ ์ง์ ํด ์ฟ ํค๋ฅผ ์ญ์ ํ ๋ ๊น์ง ์ ์งํ ์ ์์(์ฟ ํค๋ ๋ง๋ฃ๊ธฐ๊ฐ์ด ์กด์ฌํจ)
- ์ธ์ ๋ ๋ง๋ฃ๊ธฐ๊ฐ์ ์ ํ ์ ์์ → ๋ธ๋ผ์ฐ์ ๊ฐ ์ข ๋ฃ๋๋ฉด ๋ง๋ฃ๊ธฐ๊ฐ์ ์๊ด์์ด ์ญ์
- ์ฟ ํค๋ ์ฟ ํค์ ์ ๋ณด๊ฐ ์์ผ๋ฏ๋ก ์๋ฒ์ ์์ฒญ์ ์๋๊ฐ ๋น ๋ฆ
- ์ธ์ ์ ์ ๋ณด๊ฐ ์๋ฒ์ ์์ผ๋ฏ๋ก ๋น๊ต์ ์๋๊ฐ ๋๋ฆผ
| ์ฟ ํค(Cookie) | ์ธ์ (Session) | |
| ์ ์ฅ ์์น | ํด๋ผ์ด์ธํธ(๋ธ๋ผ์ฐ์ ) | ์๋ฒ |
| ์ฉ๋ | 4KB ์ ํ | ์๋ฒ ๋ฉ๋ชจ๋ฆฌ์ ์์กด(์ฉ๋ ์ ํx) |
| ๋ณด์์ฑ | ๋ฎ์(์ฌ์ฉ์๊ฐ ์ง์ ์์ ๊ฐ๋ฅํจ) | ๋น๊ต์ ๋์ |
| ์ ์ง ๋ฐฉ๋ฒ | ํด๋ผ์ด์ธํธ๊ฐ ์์ฒญ ์ ์ฟ ํค๋ฅผ ์๋์ผ๋ก ์ ์ก | ์ธ์ ID๋ฅผ ์ฟ ํค์ ์ ์ฅ ํ ์๋ฒ์์ ์ธ์ ์ ๋ณด ์ฐธ์กฐ |
| ์๋ | ๋น ๋ฆ | ๋๋ฆผ |
| ๋ผ์ดํ ์ฌ์ดํด | ์ง์ ๋ง๋ฃ์ผ ์ค์ ๊ฐ๋ฅ | ๋ณดํต ์ผ์ ์๊ฐ ๋นํ์ฑ ์ ์๋ ๋ง๋ฃ |
| ์๋ฒ ์์ ์ฌ์ฉ | ์์ | ์์(์ธ์ ์ ๋ณด ์ ์ฅ ๊ณต๊ฐ ํ์) |
| ์ฃผ ์ฉ๋ | ์๋ ๋ก๊ทธ์ธ, ์ฅ๋ฐ๊ตฌ๋ ๋ฑ | ๋ก๊ทธ์ธ ์ํ ์ ์ง, ์ฌ์ฉ์๋ณ ๋ฐ์ดํฐ ์ฒ๋ฆฌ ๋ฑ |
์บ์(Cache)
- ์์ฒญ-์๋ต ์๋๋ฅผ ๋น ๋ฅด๊ฒ ํ๊ธฐ ์ํด ๋ฐ์ดํฐ๋ฅผ ์์๋ก ์ ์ฅํด๋๋ ๊ณต๊ฐ
- ์๋ฒ, ํด๋ผ์ด์ธํธ, ๋ธ๋ผ์ฐ์ , ํ๋ก์ ๋ฑ ๋ค์ํ ์์น์ ์ ์ฅ๋ ์ ์์
- ์ ์ฅ ๊ณต๊ฐ์ด ์๊ณ ๋น์ฉ์ด ๋น์ผ ๋์ ๋น ๋ฅธ ์ฑ๋ฅ์ ์ ๊ณตํจ
- ๊ฐ์ ์น ํ์ด์ง์ ์ ์ํ ๋ ์ฌ์ฉ์ pc์์ ๋ก๋ํ๋ฏ๋ก ์๋ฒ๋ฅผ ๊ฑฐ์น์ง ์์๋ ๋จ
- ์ฃผ๋ก ์ ์ ์ธ ๋ฆฌ์์ค์ ์ฌ์ฉ
- ์บ์ ํํธ(hit) : ์บ์๋ฅผ ์ฌ์ฉํ ์ ์๋ ๊ฒฝ์ฐ (ex. ์ด์ ์ ์๋ ์์ฒญ์ด๋ ๊ฐ์ ์์ฒญ์ด ๋ค์ด์์ ๋)
- ์บ์ ๋ฏธ์ค(miss) : ์บ์๋ฅผ ์ฌ์ฉํ ์ ์๋ ๊ฒฝ์ฐ (ex. ์น์๋ฒ๋ก ์ฒ์ ์์ฒญ์ด ๋ค์ด์์ ๋)
>๐กํน์ง
- ์ ์ฅ ์์น : ํด๋ผ์ด์ธํธ(๋ธ๋ผ์ฐ์ ์บ์), ์๋ฒ, ํ๋ก์ ๋ฑ ๋ค์
- ์ ์ฅ ๋์ : HTML, CSS, ์ด๋ฏธ์ง ๋ฑ๊ณผ ๊ฐ์ ์ ์ ๋ฆฌ์์ค
- ๋ผ์ดํ ์ฌ์ดํด : ์๋ฒ ๋๋ ํด๋ผ์ด์ธํธ์์ ์ค์ ํ ๋ง๋ฃ ์๊ฐ๊น์ง ์ ์ง
- ๋ณด์ : ๋ฏผ๊ฐํ ์ ๋ณด ์บ์ฑ์ ์ฃผ์์๋ง
- ์์ : ์ด๋ฏธ์ง, CSS
>๐ก์ธ์ ํต์ ๋ฐฉ๋ฒ
- ํด๋ผ์ด์ธํธ๊ฐ ํ์ด์ง์ ์์ฒญ
- ์๋ฒ๋ ์ ๊ทผํ ํด๋ผ์ด์ธํธ์ Request-Header ํ๋์ธ Cookie๋ฅผ ํ์ธํด ํด๋ผ์ด์ธํธ๊ฐ ํด๋น ์ธ์ ID๋ฅผ ๋ณด๋๋์ง ํ์ธํจ
- ์ธ์ ID๊ฐ ์กด์ฌํ์ง ์๋ ๊ฒฝ์ฐ, ์๋ฒ๋ ์ธ์ ID๋ฅผ ์์ฑํด ํด๋ผ์ด์ธํธ์๊ฒ ๋๊ฒจ์ค
- ํด๋ผ์ด์ธํธ๋ ์๋ฒ๋ก๋ถํฐ ๋ฐ์ ์ธ์ ID๋ฅผ ์ฟ ํค์ ์ ์ฅ
- ํด๋ผ์ด์ธํธ๋ ์๋ฒ์ ์์ฒญ ์ ์ด ์ฟ ํค์ ์ธ์ ID ๊ฐ์ ๊ฐ์ด ์๋ฒ์ ์ ๋ฌํจ
- ์๋ฒ๋ ์ ๋ฌ๋ฐ์ ์ธ์
ID๋ก ์ธ์
์ ์๋ ํด๋ผ์ด์ธํธ ์ ๋ณด๋ฅผ ๊ฐ๊ณ ์์ฒญ์ ์ฒ๋ฆฌํ ํ ์๋ตํจ
→ ex) ํ๋ฉด์ ์ด๋ํด๋ ๋ก๊ทธ์ธ์ด ํ๋ฆฌ์ง ์๊ณ ๋ก๊ทธ์์ํ๊ธฐ ์ ๊น์ง ์ ์ง ๋ฑ
์ ๋ฆฌ
| ์ฟ ํค(Cookie) | ์ธ์ (Session) | ์บ์(Cache) | |
| ์ ์ฅ ์์น | ํด๋ผ์ด์ธํธ(๋ธ๋ผ์ฐ์ ) | ์๋ฒ | ํด๋ผ์ด์ธํธ/์๋ฒ/ํ๋ก์ ๋ฑ |
| ์ ์ฅ ์ฉ๋ | ์ฝ 4KB | ์๋ฒ ๋ฉ๋ชจ๋ฆฌ์ ์์กด | ๋ฆฌ์์ค์ ๋ฐ๋ผ ๋ค๋ฆ |
| ๋ผ์ดํ ์ฌ์ดํด | ๋ธ๋ผ์ฐ์ ์ข ๋ฃ or ๋ง๋ฃ์ผ ์ค์ | ๊ธฐ๋ณธ 30๋ถ(์ค์ ๊ฐ๋ฅ) | ์บ์ ์ ์ฑ ์ ๋ฐ๋ผ ์ค์ ๊ฐ๋ฅ |
| ๋ณด์์ฑ | ๋ฎ์ | ๋น๊ต์ ๋์ | ๋ฎ์(์ ์ ๋ฆฌ์์ค์ ์ ํฉ) |
| ์์ | ์๋ ๋ก๊ทธ์ธ, ์ฅ๋ฐ๊ตฌ๋ ๋ฑ | ๋ก๊ทธ์ธ ์ ์ง, ์ฌ์ฉ์ ์ค์ ๋ฑ | ์ด๋ฏธ์ง, CSS, HTML ๋ฑ |
| ์๋ฒ ๋ถํ | ์์ | ์์(์ธ์ ์ ์ฅ ํ์) | ์์ |
Reference
https://dev-coco.tistory.com/61#activities
์ฟ ํค(Cookie)์ ์ธ์ (Session)์ ์ฐจ์ด (+์บ์(Cache))
์ฟ ํค์ ์ธ์ ์ ์ฌ์ฉํ๋ ์ด์ ? HTTP ํ๋กํ ์ฝ์ ํน์ง์ด์ ์ฝ์ ์ ๋ณด์ํ๊ธฐ ์ํด์ ์ฌ์ฉํ๋ค. HTTP ํ๋กํ ์ฝ์ ํน์ง 1. Connectionless ํ๋กํ ์ฝ (๋น์ฐ๊ฒฐ ์งํฅ) ํด๋ผ์ด์ธํธ๊ฐ ์๋ฒ์ ์์ฒญ(Request)์ ํ์
dev-coco.tistory.com
[HTTP] ์ฟ ํค/์ธ์ /์บ์์ ์ฐจ์ด์ ์?
0. HTTP ์ ํน์ง (1) Stateless ํ๋กํ ์ฝํด๋ผ์ด์ธํธ์ ์ํ ์ ๋ณด๋ฅผ ๊ฐ์ง์ง ์๋ ์๋ฒ ์ฒ๋ฆฌ ๋ฐฉ์์ด๋ค. ํด๋ผ์ด์ธํธ์ ์ฒซ๋ฒ์งธ ํต์ ์์ ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ์๋ค ํด๋, ๋๋ฒ์งธ ํต์ ์์ ์ด์ ๋ฐ์ดํฐ๋ฅผ ์ ์ง
ryusae.tistory.com