๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
๋…์„œ

[ ๋…ํ›„๊ฐ ] ๊ทธ๋ฆผ์œผ๋กœ ๋ฐฐ์šฐ๋Š” Http & Network Basic์„ ์ฝ๊ณ ...

by YWTechIT 2022. 4. 5.
728x90

๐Ÿ“ [ ๋…ํ›„๊ฐ ] ๊ทธ๋ฆผ์œผ๋กœ ๋ฐฐ์šฐ๋Š” Http & Network Basic์„ ์ฝ๊ณ ...


โœ๏ธ ์„œ๋ก 

๊ธฐ์ˆ ๋ฉด์ ‘์„ ์ค€๋น„ํ•˜๋‹ค๊ฐ€ ์ฃผ์†Œ ํ‘œ์‹œ์ฐฝ์— www.naver.com์„ ์ž…๋ ฅํ•˜๊ณ  Enter๋ฅผ ์น˜๊ณ  ๋‚˜์„œ ๋ธŒ๋ผ์šฐ์ €๋กœ ๋ Œ๋”๋ง ๋˜๋Š” ๊ณผ์ •์„ ์„ค๋ช…ํ•ด๋‹ฌ๋ผ๋Š” ๋ง์„ ๋“ฃ๊ณ  ์–ด๋–ป๊ฒŒ ๋˜๋Š”์ง€ ๊ถ๊ธˆํ•˜์—ฌ ๋„คํŠธ์›Œํฌ ํ”„๋กœํ† ์ฝœ ์ชฝ์„ ๋‹ค๋ฃฌ ์„œ์ ์ด ์žˆ๋Š”์ง€ ์ฐพ์•„๋ณด๋‹ค ์ด ์ฑ…์„ ๋ฐœ๊ฒฌํ•˜๊ฒŒ ๋˜์—ˆ๋‹ค. ์ฑ…์€ ์•Œ๋ผ๋”˜์—์„œ ๊ตฌ๋งคํ•˜์˜€๊ณ , ๊ตฌ๋งค์ž์˜ ํ‰๋„ ๋‚˜๋ฆ„ ๊ดœ์ฐฎ์•˜๋‹ค. ๋…์„œ๊ธฐ๊ฐ„์€ 22.3.31. ~ 4.5.์ด๊ณ , ์ฑ…์€ ์•ฝ 300ํŽ˜์ด์ง€๋กœ ๊ตฌ์„ฑ๋˜์–ด์žˆ์–ด ์™„๋… ํ•˜๋Š”๋ฐ ์˜ค๋ž˜ ๊ฑธ๋ฆด ๊ฒƒ์ด๋ผ๊ณ  ์ƒ๊ฐํ–ˆ์œผ๋‚˜ ๊ทธ๋ฆผ์œผ๋กœ ์„ค๋ช…ํ•ด์ฃผ๋Š” ํŽ˜์ด์ง€๊ฐ€ ๋งŽ์•„ ์˜ˆ์ƒ๋ณด๋‹ค ๋นจ๋ฆฌ ์ฝ์—ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์ฑ…์˜ ์ฒซ ์ถœํŒ์ด 2015๋…„์ด๋ผ ํ˜„์žฌ ํŠธ๋ Œ๋“œ(WEB 3.0 ๋“ฑ)๋ฅผ ์„ค๋ช…ํ•ด์ฃผ์ง€ ์•Š๋Š” ์ ์ด ์•„์‰ฌ์› ์ง€๋งŒ, ๋Œ€๋ถ€๋ถ„์˜ ๋‚ด์šฉ์€ ์•„์ง๊นŒ์ง€๋„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” ๊ฐœ๋…์ด๊ธฐ ๋•Œ๋ฌธ์— ๋„คํŠธ์›Œํฌ, ํ”„๋กœํ† ์ฝœ์˜ ์ „์ฒด์ ์ธ ํ๋ฆ„์„ ์•Œ๊ณ  ์‹ถ์€ ๋ถ„๋“ค์—๊ฒŒ ์ถ”์ฒœํ•˜๊ณ  ์‹ถ์€ ์ฑ…์ด๋‹ค. ์ฐธ๊ณ ์‚ฌํ•ญ์œผ๋กœ ์ฑ… ์ œ๋ชฉ์— Basic์ด ๋“ค์–ด๊ฐ€์„œ ๊ทธ๋Ÿฐ์ง€ ํ•œ ๊ฐœ๋…์„ ๊นŠ์ˆ™ํžˆ ์„ค๋ช…ํ•ด์ฃผ์ง€๋Š” ์•Š๋Š”๋‹ค.

728x90

โœ๏ธ ๋ณธ๋ก 

์ปจํ…์ธ ๋Š” ์ด 11์žฅ์œผ๋กœ ๊ตฌ์„ฑ๋˜์–ด์žˆ๊ณ , ์›น๊ณผ ๋„คํŠธ์›Œํฌ์˜ ๊ธฐ๋ณธ๋ถ€ํ„ฐ HTTP, HTTPS, ์›น ๊ณต๊ฒฉ ๊ธฐ์ˆ ๊นŒ์ง€ ์ž‘์„ฑ๋˜์–ด์žˆ๋‹ค. ์ฑ…์„ ์ฝ๊ณ  ์ค‘์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐ๋˜๋Š” ๊ฐœ๋…๋“ค์„ ์‚ดํŽด๋ณด์ž.

 

HTTP๋Š” ๋“ฑ์žฅ ๋‹น์‹œ ์ฃผ๋กœ ํ…์ŠคํŠธ๋ฅผ ์ „์†กํ•˜๊ธฐ ์œ„ํ•œ ํ”„๋กœํ† ์ฝœ์ด์—ˆ์ง€๋งŒ, ํ”„๋กœํ† ์ฝœ ์ž์ฒด๊ฐ€ ์ƒ๋‹นํžˆ ์‹ฌํ”Œํ•ด์„œ ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ์‘์šฉ ๋ฐฉ๋ฒ•์„ ๊ณ ๋ คํ•ด ๊ธฐ๋Šฅ์ด ๊ณ„์†ํ•ด์„œ ์ถ”๊ฐ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ง€๊ธˆ์€ ์›น์ด๋ผ๋Š” ํ‹€์„ ๋„˜์–ด ๋‹ค์–‘ํ•˜๊ฒŒ ์‚ฌ์šฉ๋˜๋Š” ํ”„๋กœํ† ์ฝœ์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

 

์„œ๋กœ ๋‹ค๋ฅธ ํ•˜๋“œ์›จ์–ด์™€ ์šด์˜์ฒด์ œ ๋“ฑ์„ ๊ฐ€์ง€๊ณ  ์„œ๋กœ ํ†ต์‹ ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” ๋ชจ๋“  ์š”์†Œ์— ๊ทœ์น™์ด ํ•„์š”ํ•˜๊ฒŒ ๋˜๋Š”๋ฐ ์ด๋ฅผ ํ”„๋กœํ† ์ฝœ์ด๋ผ๊ณ  ๋ถ€๋ฆ…๋‹ˆ๋‹ค. ํ”„๋กœํ† ์ฝœ์˜ ์ข…๋ฅ˜์—๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€๊ฐ€ ์žˆ์ง€๋งŒ, ์ธํ„ฐ๋„ท๊ณผ ๊ด€๋ จํ•œ ํ”„๋กœํ† ์ฝœ๋“ค์„ ๋ชจ์€ ๊ฒƒ์„ TCP/IP๋ผ๊ณ  ๋ถ€๋ฆ…๋‹ˆ๋‹ค. TCP/IP๋Š” ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๊ณ„์ธต, ํŠธ๋žœ์ŠคํฌํŠธ ๊ณ„์ธต, ๋„คํŠธ์›Œํฌ ๊ณ„์ธต, ๋งํฌ ๊ณ„์ธต ์ด๋ ‡๊ฒŒ 4๊ณ„์ธต์œผ๋กœ ๋‚˜๋ˆ„๋Š”๋ฐ, ๊ณ„์ธตํ™”๋˜์–ด์žˆ๋Š” ์ด์œ ๋Š” ์–ด๋””์„ ๊ฐ€ ์‚ฌ์–‘์ด ๋ฐ”๋€” ๋•Œ ์ „์ฒด๋ฅผ ๋ฐ”๊พธ๋Š” ๊ฒƒ๋ณด๋‹ค ์‚ฌ์–‘์ด ๋ณ€๊ฒฝ๋œ ํ•ด๋‹น ๊ณ„์ธต๋งŒ ๋ฐ”๊พธ๋ฉด ์ˆ˜์ •์„ ํŽธํ•˜๊ฒŒ ํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์ž…๋‹ˆ๋‹ค.

 

 

๊ฐ ๊ณ„์ธต์„ ๊ฑฐ์น  ๋•Œ๋Š” ๋ฐ˜๋“œ์‹œ ํ—ค๋”์— ํ•ด๋‹น ๊ณ„์ธต์— ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ , ๋ฐ˜๋Œ€๋กœ ์ˆ˜์‹  ์ธก์—์„œ๋Š” ํ•ด๋‹น ๊ณ„์ธต๋งˆ๋‹ค ์‚ฌ์šฉํ•œ ํ—ค๋”๋ฅผ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.

 

IP์˜ ์—ญํ• ์€ ๊ฐœ๊ฐœ์ธ์˜ ํŒจํ‚ท์„ ์ƒ๋Œ€๋ฐฉ์—๊ฒŒ ์ „๋‹ฌํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. IP ์ฃผ์†Œ๋Š” ๊ฐ ๋…ธ๋“œ์— ๋ถ€์—ฌ๋œ ์ฃผ์†Œ๋ฅผ ๊ฐ€๋ฆฌํ‚ค๊ณ  MAC์€ ๊ฐ ๋„คํŠธ์›Œํฌ ์นด๋“œ์— ํ• ๋‹น๋œ ๊ณ ์œ ์˜ ์ฃผ์†Œ์ž…๋‹ˆ๋‹ค. IP์ฃผ์†Œ๋Š” ๋ณ€๊ฒฝ ๊ฐ€๋Šฅํ•˜์ง€๋งŒ, ๊ธฐ๋ณธ์ ์œผ๋กœ MAC ์ฃผ์†Œ๋Š” ๋ณ€๊ฒฝ ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. IPํ†ต์‹ ์€ MAC์ฃผ์†Œ์— ์˜์กดํ•ด์„œ ํ†ต์‹ ์„ ํ•ฉ๋‹ˆ๋‹ค. ์ธํ„ฐ๋„ท์—์„œ ์—ฌ๋Ÿฌ ๋Œ€์˜ ์ปดํ“จํ„ฐ์™€ ๋„คํŠธ์›Œํฌ ๊ธฐ๊ธฐ๋ฅผ ์ค‘๊ณ„ํ•ด์„œ ์ƒ๋Œ€๋ฐฉ์—๊ฒŒ ๋„์ฐฉํ•ฉ๋‹ˆ๋‹ค.(๊ฐ™์€ ๋žœ์„  ๋‚ด์— ์žˆ๋Š” ๊ฒฝ์šฐ ์ œ์™ธ) ์ค‘๊ณ„ํ•˜๋Š” ๋™์•ˆ, ๋‹ค์Œ์œผ๋กœ ์ค‘๊ณ„ํ•  ๊ณณ์˜ MAC ์ฃผ์†Œ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ชฉ์ ์ง€๋ฅผ ์ฐพ์•„๊ฐ€๋Š”๋ฐ, ์ด๋•Œ ARP(Address Resolution Protocol)์ด๋ผ๋Š” ํ”„๋กœํ† ์ฝœ์ด ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.

 

TCP(Transfer Control Protocol)์€ ์‹ ๋ขฐ์„ฑ ์žˆ๋Š” ๋ฐ”์ดํŠธ ์ŠคํŠธ๋ฆผ ์„œ๋น„์Šค๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์‰ฝ๊ฒŒ ๋งํ•ด ํฐ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ด๊ธฐ ์‰ฝ๊ฒŒ TCP ์„ธ๊ทธ๋จผํŠธ๋ผ๊ณ  ๋ถˆ๋ฆฌ๋Š” ๋‹จ์œ„ ํŒจํ‚ท์œผ๋กœ ์ž‘๊ฒŒ ๋ถ„ํ•ดํ•˜์—ฌ ๊ด€๋ฆฌํ•˜๋Š” ๊ฒƒ์„ ๋งํ•˜๊ณ  ์ •ํ™•ํ•˜๊ฒŒ ๋„์ฐฉํ–ˆ๋Š”์ง€ ํ™•์ธํ•˜๋Š” ์—ญํ• ์„ ๋‹ด๋‹นํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๋•Œ, ์ƒ๋Œ€์—๊ฒŒ ํ™•์‹คํ•˜๊ฒŒ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ด๊ธฐ ์œ„ํ•ด 3-way-handshaking๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ํŒจํ‚ท์„ ๋ณด๋‚ด๋Š” ๊ฒƒ์—์„œ ๋๋‚˜๋Š”๊ฒŒ ์•„๋‹ˆ๋ผ, ๋ณด๋ƒˆ๋Š”์ง€ ์—ฌ๋ถ€๋ฅผ ์ƒ๋Œ€์—๊ฒŒ ํ™•์ธํ•˜๊ณ  SYN, ACK ์ด๋ผ๋Š” TCPํ”Œ๋ž˜๊ทธ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ์†ก์‹  ์ธก์—์„œ๋Š” ์ตœ์ดˆ SYN ํ”Œ๋ž˜๊ทธ๋ฅผ ์ƒ๋Œ€์—๊ฒŒ ์ ‘์†ํ•จ๊ณผ ๋™์‹œ์— ํŒจํ‚ท์„ ๋ณด๋‚ด๊ณ , ์ˆ˜์‹  ์ธก์—์„œ๋Š” SYN/ACK ํ”Œ๋ž˜๊ทธ๋กœ ์†ก์‹ ์ธก์— ์ ‘์†ํ•จ๊ณผ ๋™์‹œ์— ํŒจํ‚ท์„ ์ˆ˜์‹ ํ•œ ์‚ฌ์‹ค์„ ์ „ํ•ฉ๋‹ˆ๋‹ค. ๋งˆ์ง€๋ง‰์œผ๋กœ ์†ก์‹  ์ธก์ด ACK ํ”Œ๋ž˜๊ทธ๋ฅผ ๋ณด๋‚ด ํŒจํ‚ท ๊ตํ™˜์ด ์™„๋ฃŒ๋˜์—ˆ์Œ์„ ์ „ํ•ฉ๋‹ˆ๋‹ค.

 

์•ž์„œ ๋‚˜์™”๋˜ ๊ฐœ๋…์„ ์ •๋ฆฌํ•˜์—ฌ ์„œ๋ก ์—์„œ ์–ธ๊ธ‰ํ•œ ์ฃผ์†Œ ํ‘œ์‹œ์ฐฝ์— www.naver.com์„ ์ž…๋ ฅํ•˜๊ณ  Enter๋ฅผ ์น˜๊ณ  ๋‚˜์„œ ๋ธŒ๋ผ์šฐ์ €๋กœ ๋ Œ๋”๋ง ๋˜๋Š” ๊ณผ์ •์„ ๋‹จ๊ณ„๋ณ„๋กœ ์•Œ์•„๋ณด์ž.

1. ํฌ๋กฌ ์ฃผ์†Œํ‘œ์‹œ์ฐฝ์— `www.naver.com`์„ ์ž…๋ ฅํ•œ๋‹ค.
2. `HSTS`๋ฅผ ํ†ตํ•ด `HTTPS`๋กœ ์ด์ „์— ์ ‘์†ํ•œ ๋„๋ฉ”์ธ์ด์—ˆ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค.
3. `DNS`๊ฐ€ `Domain`์„ `IP`๋กœ ๋ณ€๊ฒฝํ•œ๋‹ค.
4. `Router`๋ฅผ ํ†ตํ•ด ์š”์ฒญ์„ ์ˆ˜์‹  ํ•  ์„œ๋ฒ„๊ฐ€ ์žˆ๋Š” `Gateway`๋กœ ์ด๋™ํ•œ๋‹ค.
5. `ARP`๋ฅผ ์ด์šฉํ•ด ์„œ๋ฒ„ `IP`์ฃผ์†Œ๋ฅผ ๋ฐ”ํƒ•์œผ๋กœ `MAC`์ฃผ์†Œ๋ฅผ ์กฐ์‚ฌํ•œ๋‹ค.
6. `TCP`๋ฅผ ์ด์šฉํ•ด ์†Œ์ผ“ํ†ต์‹ ์„ ์ง„ํ–‰ํ•œ๋‹ค. ์ด๋•Œ, ์ƒ๋Œ€๋ฐฉ์—๊ฒŒ ํ™•์‹คํ•˜๊ฒŒ ๋ฐ์ดํ„ฐ๋ฅผ ๋ณด๋‚ด๊ธฐ ์œ„ํ•ด `3-way-handshaking`๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•œ๋‹ค. (`HTTPS`์ผ ๋•Œ๋Š” `HTTP`์™€ `SSL`์ด ํ†ต์‹ ํ•˜๊ณ  `SSL`์ด `TCP`์™€ ํ†ต์‹ ํ•œ๋‹ค.)
7. ์ •์ƒ์ ์œผ๋กœ `TCP socket`์— ์—ฐ๊ฒฐ๋˜๋ฉด, ์„œ๋ฒ„์— ํŽ˜์ด์ง€๋ฅผ ๋‹ฌ๋ผ๊ณ  ์š”์ฒญํ•œ๋‹ค.
8. ์„œ๋ฒ„์—์„œ ํด๋ผ์ด์–ธํŠธ์—๊ฒŒ `HTML, CSS, JS`๋ฅผ ๋ณด๋‚ด์ค€๋‹ค.

โœ๏ธ ๊ฒฐ๋ก 

์ด๋ ‡๊ฒŒํ•ด์„œ ๋„คํŠธ์›Œํฌ ํ†ต์‹ ์˜ ์ „์ฒด์ ์ธ ํ๋ฆ„์„ ์‚ดํŽด๋ดค๋‹ค. ๊ตฌ๊ธ€๋ง์„ ํ†ตํ•ด ๋ฐฐ์šธ ์ˆ˜๋„ ์žˆ์ง€๋งŒ, ์ด๋Ÿฐ ๊ฐœ๋…์€ ์„œ์ ์œผ๋กœ ๋ณด๋Š” ๊ฒŒ ๋” ํŽธํ•˜๋‹ค. (์ตœ๊ทผ ํŠธ๋ Œ๋“œ๋Š” ๊ณต์‹๋ฌธ์„œ๋ฅผ ๋ณด๋Š” ๊ฒŒ ๋” ํŽธํ•˜๋‹ค.) ์‚ฌ์‹ค, ํ•™๋ถ€๊ณผ์ •์—์„œ๋„ ์ด์™€ ๋น„์Šทํ•œ ์ •๋ณดํ†ต์‹ ๊ณตํ•™๊ฐœ๋ก ๊ณผ๋ชฉ์„ ์ˆ˜๊ฐ•ํ•œ ์ ์ด ์žˆ์œผ๋‚˜ ํ›‘๊ณ  ์ง€๋‚˜๊ฐ€๋“ฏ ๋ฐฐ์šฐ๊ณ  ์˜ค๋ž˜๋˜์–ด์„œ ์ž์„ธํžˆ ๊ธฐ์–ต์ด ๋‚˜์ง€ ์•Š์•˜๋‹ค. ์ฑ…์„ ์ฝ๊ณ  ๋‚˜์„œ Typescript, React ๋“ฑ์˜ ๊ณต์‹๋ฌธ์„œ๋ฅผ ๋ณด๋Š” ๊ฒƒ๋„ ์ข‹์ง€๋งŒ, ๊ทผ๋ณธ์ ์œผ๋กœ ๋„คํŠธ์›Œํฌ ํ†ต์‹ ์ด ์˜ฌ๋ฐ”๋ฅด๊ฒŒ ํ†ต์‹ ์ด ๋˜์–ด์•ผ ์˜๋ฏธ๊ฐ€ ์žˆ์œผ๋ฏ€๋กœ ๋„คํŠธ์›Œํฌ์™€ ๊ด€๋ จํ•œ ์„œ์ ์„ ์ž์ฃผ ์ฝ์–ด์•ผ๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์„ ํ–ˆ๋‹ค.

 

Reference

  1. ๊ทธ๋ฆผ์œผ๋กœ ๋ฐฐ์šฐ๋Š” HTTP & Network Basic
  2. HSTS - MDN
๋ฐ˜์‘ํ˜•

๋Œ“๊ธ€