๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

HTTP ํ†ต์‹  ๊ทœ์น™๊ณผ ์š”์ฒญ ๋ฐ ์‘๋‹ต ๊ณผ์ •

์‹œํ๋ฆฌํ‹ฐ์ง€ํ˜ธ 2023. 11. 28.

1. HTTP Protocol

HTTP๋Š” HyperText Transfer Protocol์˜ ์ค„์ž„๋ง์ด๋‹ค.

 

๋Œ€๋ถ€๋ถ„์˜ ์›น ๋ธŒ๋ผ์šฐ์ €, ์„œ๋ฒ„, ์›น ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์€ ๊ธฐ๋ณธ์ ์œผ๋กœ HTTP ํ”„๋กœํ† ์ฝœ์„ ํ†ตํ•ด ํ†ต์‹ ํ•œ๋‹ค.

 

1-1 HTTP Request & HTTP Response

์š”์ฒญ๊ณผ ์‘๋‹ต์€ HTTP ํ”„๋กœํ† ์ฝœ ๊ธฐ๋ฐ˜์—์„œ ๋™์ž‘ํ•˜๊ธฐ ๋•Œ๋ฌธ์— ์•„๋ž˜์™€ ๊ฐ™์ด ๊ตฌ์ฒดํ™”ํ•  ์ˆ˜ ์žˆ๋‹ค.

 

ํด๋ผ์ด์–ธํŠธ์˜ ์š”์ฒญ - HTTP Request

์„œ๋ฒ„์˜ ์‘๋‹ต - HTTP Response

 

1-2 HTTP Message

์ด๋Ÿฌํ•œ ์š”์ฒญ, ์‘๋‹ต๊ณผ ๊ด€๋ จ๋œ ์ •๋ณด๋Š” HTTP ํ”„๋กœํ† ์ฝœ๋งŒ์˜ ์ •ํ•ด์ง„ ๊ทœ์น™์— ๋”ฐ๋ผ ์ผ๋ จ์˜ ๋ฉ”์‹œ์ง€ ํ˜•ํƒœ๋กœ ์ž‘์„ฑ๋˜์–ด ์ „๋‹ฌํ•œ๋‹ค.

 

 

์‘๋‹ต ์š”์ฒญ ํ•˜๋Š” ๋ถ€๋ถ„์ด HTTP์ด๋‹ค.
ํ„ฐ๋ฏธ๋„๋กœ GET ์š”์ฒญ์„ํ•จ
์ž˜ ๋˜์—ˆ์œผ๋ฉด 200OK ํ‘œ์‹œ๊ฐ€ ๋‚˜์˜ด

 

1-3 Headers์— ์ž‘์„ฑ๋˜๋Š” ์˜ต์…˜ ์˜ˆ์‹œ

1. ํ•ด๋‹น ๋ฌธ์„œ ๋ฐ ์ปจํ…์ธ ๊ฐ€ ๊ฐ€์ง„ ํƒ€์ž… -> Content-Type

2. HTML๋กœ ์ž‘์„ฑ๋œ ํ…์ŠคํŠธ ๋ฌธ์„œ -> Content-Type: text/html

2. plain ASCII ํ…์ŠคํŠธ ๋ฌธ์„œ -> Content-Type: text/plain

3. JPEG์™€ ๊ฐ™์€ ์ด๋ฏธ์ง€ ํŒŒ์ผ -> image/jpeg

4. ๋ฌธ์„œ์˜ ์ธ์ฝ”๋”ฉ ํƒ€์ž… charset

5. ๋ฌธ์„œ์˜ ๊ธธ์ด content-Length


๋“ฑ์˜ ์ •๋ณด๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ๊ณ  ์ „๋‹ฌํ•œ๋‹ค.

 

*body์— ์‹ค์ œ ์ด๋ฏธ์ง€ ํŒŒ์ผ, ํ…์ŠคํŠธ ๋“ฑ์ด ๋“ค์–ด๊ฐ€ ์žˆ๋‹ค.

 

 

2. HTTP ์š”์ฒญ ๋ฐ ์‘๋‹ต ๊ณผ์ •

 

3. URL์˜  ๊ตฌ์„ฑ์š”์†Œ

 

http

-> ๋ฆฌ์†Œ์Šค ์š”์ฒญ ์‹œ ์‚ฌ์šฉํ•˜๋Š” ํ”„๋กœํ† ์ฝœ ์ด๋ฆ„

 

www.cacaonips.com  

 

http://www.cacaonips.com

 

www.cacaonips.com

-> ์š”์ฒญํ•˜๊ณ ์ž ํ•˜๋Š” ๋„๋ฉ”์ธ(Domain) ์„œ๋ฒ„ ์ด๋ฆ„

 

:80

-> Port ๋ฒˆํ˜ธ

ํ•ด๋‹น ์„œ๋ฒ„ ์ปดํ“จํ„ฐ๋Š” 2๊ฐœ ์ด์ƒ์˜ ์›น ์„œ๋ฒ„ ํ”„๋กœ์„ธ์Šค๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์žˆ๊ธฐ ๋•Œ๋ฌธ์— ์ด๋ฅผ ๊ตฌ๋ถ„ํ•˜๊ธฐ ์œ„ํ•œ ์šฉ๋„

 

index.html

-> index.html ์ด๋ผ๋Š” ํŒŒ์ผ์ด ์œ„์น˜ํ•œ ๋ฃจํŠธ๋กœ๋ถ€ํ„ฐ ์ ˆ๋Œ€์ ์ธ ๊ฒฝ๋กœ๋ฅผ ๋งํ•œ๋‹ค. ์ ˆ๋Œ€๊ฒฝ๋กœ๋ž€ ๋ฃจํŠธ ๋””๋ ‰ํ„ฐ๋ฆฌ๋ฅผ ๊ธฐ์ค€์œผ๋กœ ํŠน์ • ํŒŒ์ผ์ด๋‚˜ ํŽ˜์ด์ง€๋ฅผ ์ฐพ์•„๊ฐ€๋Šฅ ๊ฒฝ๋กœ๋ฅผ ๋งํ•œ๋‹ค.(=๋ฆฌ์†Œ์Šค(์ž์›) ๊ฒฝ๋กœ)

'๊ฐœ๋ฐœ ์ง€์‹, ์Šคํฌ๋ฆฝํŠธ > JavaScript, TS' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

Call stack ๊ณผ Task Queue  (1) 2023.11.28
๋””๋ฐ”์šด์‹ฑ  (1) 2023.11.28
ํ”„๋กœํ† ์ฝœ(Protocol)  (0) 2023.11.27
JSON  (0) 2023.11.27
JSON.parse() , JSON.stringify() ์ž‘์„ฑํ•„์š”  (0) 2023.11.27

๋Œ“๊ธ€