[KUIT] 9์ฃผ์ฐจ ์›Œํฌ๋ถ ๋ณด์ถฉ - API endpoint, Axios์™€ Fetch์˜ ์ฐจ์ด, GraphQL
ยท
KUIT
์•„๋ž˜ ๊ธ€์€ KUIT ์›น ๋ถ€์›๋ถ„๋“ค์„ ๋Œ€์ƒ์œผ๋กœ ์ž‘์„ฑํ•œ ๊ธ€์ž…๋‹ˆ๋‹ค.API endpoint์˜ ๋œป์€?โ†’ ์š”์ฒญ์„ ๋ณด๋‚ด๊ณ ์žํ•˜๋Š” URLAxios์™€ Fetch์˜ ์ฐจ์ด1. ์—๋Ÿฌ ์ฒ˜๋ฆฌaxios์™€ fetch๋Š” ๋‘˜ ๋‹ค Promise๋ฅผ ์ด์šฉํ•ด ๋น„๋™๊ธฐ ์š”์ฒญ์„ ์ฒ˜๋ฆฌ axios: ๋„คํŠธ์›Œํฌ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜๊ฑฐ๋‚˜, HTTP ์ƒํƒœ์ฝ”๋“œ๊ฐ€ 200~299๊ฐ€ ์•„๋‹ˆ๋ฉด Promise๋ฅผ reject ์‹œfetch: ๋„คํŠธ์›Œํฌ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์„ ๋•Œ๋งŒ Promise๋ฅผ reject-> axios์ฒ˜๋Ÿผ ์ƒํƒœ ์ฝ”๋“œ๊ฐ€ 200~299 ์‚ฌ์ด๊ฐ€ ์•„๋‹ ๋•Œ๋„ ์—๋Ÿฌ ์ฒ˜๋ฆฌ๋ฅผ ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด, Response.ok๋ฅผ ํ™œ์šฉํ•ด์•ผ  2. ํ—ค๋”axios๋Š” ์š”์ฒญ ํ—ค๋”์— โ€˜Content-Type: application/json์„ ์ž๋™์œผ๋กœ ์ถ”๊ฐ€(fetch๋Š” ์ง์ ‘ ์ถ”๊ฐ€ํ•ด์•ผ) ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ์—์„œ Content..