๐Ÿ’ปDEV-STUDY/HTTP

์›น ๋ธŒ๋ผ์šฐ์ €๋Š” ์›น ํŽ˜์ด์ง€๋ฅผ ์‚ฌ์šฉ์ž์—๊ฒŒ ํ‘œ์‹œํ•˜๊ธฐ ์œ„ํ•ด HTML, CSS, JavaScript ํŒŒ์ผ์„ ์ฒ˜๋ฆฌํ•˜๊ณ  ๋ Œ๋”๋งํ•œ๋‹ค.์ด๋ฒˆ ๊ธ€์—์„  ๋ Œ๋”๋ง ์ ˆ์ฐจ์™€ ๊ด€๋ จ๋œ ์ฃผ์š” ๊ฐœ๋…์„ ํฌ์ŠคํŒ… ํ•ด ๋ณผ ์˜ˆ์ •์ด๋‹ค.. ๐Ÿฅน 1. ์›น ํŽ˜์ด์ง€ ๊ตฌ์„ฑ ์š”์†Œ ์›น ํŽ˜์ด์ง€๋Š” ๊ธฐ๋ณธ์ ์œผ๋กœ HTML, CSS, Javascript ์„ธ ๊ฐ€์ง€ ์š”์†Œ๋กœ ๊ตฌ์„ฑ๋˜์–ด์žˆ๋‹ค. ์›น๋ธŒ๋ผ์šฐ์ €๋Š” ์ด ์š”์†Œ๋“ค์„ ๋กœ๋“œํ•˜๊ณ  ์‹คํ–‰ํ•˜์—ฌ ์ตœ์ข…์ ์œผ๋กœ ์‚ฌ์šฉ์ž์—๊ฒŒ ์™„์„ฑ๋œ ์›น ํŽ˜์ด์ง€๋ฅผ ๋ณด์—ฌ์ค€๋‹ค.HTML: ํŽ˜์ด์ง€ ๊ตฌ์กฐ๋ฅผ ์ •์˜ํ•˜๋Š” ๋งˆํฌ์—… ์–ธ์–ดCSS: ํŽ˜์ด์ง€์˜ ์Šคํƒ€์ผ๊ณผ ๋ ˆ์ด์•„์›ƒ์„ ์ •์˜ํ•˜๋Š” ์Šคํƒ€์ผ์‹œํŠธ ์–ธ์–ดJavascript: ํŽ˜์ด์ง€์— ๋™์ ์ธ ๊ธฐ๋Šฅ๊ณผ ์ธํ„ฐ๋ž™์…˜์„ ์ถ”๊ฐ€ํ•˜๋Š” ์Šคํฌ๋ฆฝํŠธ ์–ธ์–ด2. ์บ์‹œ์™€ ์„ฑ๋Šฅ ์ตœ์ ํ™”์›น ๋ธŒ๋ผ์šฐ์ €๋Š” ์„ฑ๋Šฅ์„ ์ตœ์ ํ•˜๊ธฐ ์œ„ํ•ด ๋„คํŠธ์›Œํฌ ์‚ฌ์šฉ์„ ์ตœ์†Œํ™”ํ•˜๋Š” ๋‹ค์–‘ํ•œ ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•œ๋‹ค. ๊ทธ ์ค‘ ํ•˜..
REST APIREST API๋Š” ์›น์—์„œ ๊ฐ€์žฅ ๋ณดํŽธ์ ์ธ ์š”์ฒญ-๋ฐ˜ํ™˜ ๋ฐฉ์‹์ด๋‹ค. HTTP๋ฉ”์„œ๋“œ์™€ URI(URL)๋ฅผ ํ†ตํ•ด ๋ฐ์ดํ„ฐ๋ฅผ ์ฃผ๊ณ ๋ฐ›๋Š”๋‹ค. 1. Method= ๋™์‚ฌ(HTTP ๋ฉ”์„œ๋“œ): ์–ด๋–ค ํ–‰์œ„(Method)๋ฅผ ํ•  ๊ฒƒ์ธ์ง€.REST API์˜ HTTP ๋ฉ”์„œ๋“œ๋Š” ์ž์›์— ๋Œ€ํ•ด ์–ด๋–ค ์ž‘์—…์„ ์ˆ˜ํ–‰ํ• ์ง€ ๋‚˜ํƒ€๋‚ด๋ฉฐ CRUD ์—ฐ์‚ฐ๊ณผ ์ง์ ‘์ ์œผ๋กœ ์—ฐ๊ฒฐ๋˜์–ด์žˆ๋‹ค. CRUD๋ž€?Create: ๋ฐ์ดํ„ฐ๋ฅผ ์ƒ์„ฑํ•  ๋•Œ ์‚ฌ์šฉHTTP ๋ฉ”์„œ๋“œ: POST์˜ˆ์‹œ: POST /users (์ƒˆ๋กœ์šด ์‚ฌ์šฉ์ž ์ •๋ณด ์ƒ์„ฑ)Read: ๋ฐ์ดํ„ฐ๋ฅผ ์ฝ์–ด์˜ฌ ๋•Œ ์‚ฌ์šฉHTTP ๋ฉ”์„œ๋“œ: GET์˜ˆ์‹œ: GET /users (๋ชจ๋“  ์‚ฌ์šฉ์ž ์ •๋ณด๋ฅผ ์กฐํšŒ), GET /users/{id} (ํŠน์ • ์‚ฌ์šฉ์ž ์ •๋ณด๋ฅผ ์กฐํšŒ)Update: ๋ฐ์ดํ„ฐ๋ฅผ ์ˆ˜์ •ํ•  ๋•Œ ์‚ฌ์šฉHTTP ๋ฉ”์„œ๋“œ: PUT ๋˜๋Š” PATC..
์›น์ด ๋™์ž‘ํ•˜๋Š” ๋ณธ์งˆ์ ์ธ ๋ฐฉ์‹์€ ํด๋ผ์ด์–ธํŠธ(Client)๊ฐ€ ์š”์ฒญ(Request)์„ ๋ณด๋‚ด๊ณ , ์„œ๋ฒ„(Server)๊ฐ€ ๊ทธ์— ๋Œ€ํ•œ ์‘๋‹ต(Response)์„ ๋ฐ˜ํ™˜ํ•˜๋Š” Request-Response ์‚ฌ์ดํด์ด๋‹ค.์ด ๊ธ€์—์„œ๋Š” ์›น์˜ ๊ธฐ๋ณธ์ ์ธ ๋™์ž‘ ์›๋ฆฌ๋ถ€ํ„ฐ ์‹œ์ž‘ํ•ด  ๋‹ค์–‘ํ•œ ์•„ํ‚คํ…์ฒ˜์˜ ์žฅ๋‹จ์ , ๊ทธ๋ฆฌ๊ณ  ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค(Microservice) ํ™˜๊ฒฝ์—์„œ API ๊ฒŒ์ดํŠธ์›จ์ด(API Gateway)์˜ ๋Œ€ํ•ด ์–˜๊ธฐํ•ด๋ณด๊ณ ์ž ํ•œ๋‹ค. 1.  ํด๋ผ์ด์–ธํŠธ์™€ ์„œ๋ฒ„ ๊ฐ„ Request-Response ์›น ๋ธŒ๋ผ์šฐ์ € ↔ ์›น์„œ๋ฒ„: ์‚ฌ์šฉ์ž๊ฐ€ ์›น ๋ธŒ๋ผ์šฐ์ €๋ฅผ ํ†ตํ•ด ์›น ํŽ˜์ด์ง€๋ฅผ ์š”์ฒญํ•˜๋ฉด, ์›น์„œ๋ฒ„๊ฐ€ ๊ทธ ์š”์ฒญ์„ ์ฒ˜๋ฆฌํ•˜๊ณ  ๊ฒฐ๊ณผ๋ฅผ ๋ฐ˜ํ™˜.์›น์„œ๋ฒ„ ↔ ์›น์„œ๋ฒ„: ๋งˆ์ดํฌ๋กœ์„œ๋น„์Šค๋‚˜ OpenAPI๋ฅผ ํ˜ธ์ถœํ•˜๋Š” ๊ฒฝ์šฐ, ์„œ๋กœ ๋‹ค๋ฅธ ์„œ๋ฒ„ ๊ฐ„์˜ ํ†ต์‹ ์ด ์ด๋ฃจ์–ด์ง. ์ด๋•Œ ์„œ๋ฒ„ ๊ฐ„์—๋„ ๋™์ผํ•œ Req..
1000_sang
'๐Ÿ’ปDEV-STUDY/HTTP' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๊ธ€ ๋ชฉ๋ก (3 Page)