Tinkerbell Glitter
[250220] Fetch์™€ Axios๋ž€?
Front End ๐Ÿ“ฑ/Java Script ๐Ÿ’ป
Fetch์™€ Axios๋ž€?1. Fetch์™€ Axios ์ •์˜`fetch`์™€ `axios`๋Š” JavaScript์—์„œ HTTP ์š”์ฒญ์„ ๋ณด๋‚ด๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ๋ฐ API์ด๋‹ค.๋‘˜ ๋‹ค ํด๋ผ์ด์–ธํŠธ์—์„œ ์„œ๋ฒ„๋กœ ๋ฐ์ดํ„ฐ๋ฅผ ์š”์ฒญํ•˜๊ณ  ์‘๋‹ต์„ ๋ฐ›๋Š” ๋ฐ ์‚ฌ์šฉ๋˜๋ฉฐ, RESTful API์™€ ํ•จ๊ป˜ ์ž์ฃผ ํ™œ์šฉ๋œ๋‹ค.โœ… Fetch vs Axios ๋น„๊ต๋น„๊ต ํ•ญ๋ชฉFetch APIAxios๊ธฐ๋ณธ ์ œ๊ณต ์—ฌ๋ถ€๋ธŒ๋ผ์šฐ์ € ๋‚ด์žฅ API์™ธ๋ถ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ (์„ค์น˜ ํ•„์š”)์‚ฌ์šฉ๋ฒ•`.then()` ๋˜๋Š” `async/await` ์‚ฌ์šฉ`.then()` ๋˜๋Š” `async/await` ์‚ฌ์šฉ์‘๋‹ต ์ฒ˜๋ฆฌ`Response` ๊ฐ์ฒด๋ฅผ ๋ช…์‹œ์ ์œผ๋กœ `.json()`์œผ๋กœ ๋ณ€ํ™˜ํ•ด์•ผ ํ•จJSON ์ž๋™ ๋ณ€ํ™˜์˜ค๋ฅ˜ ์ฒ˜๋ฆฌHTTP ์ƒํƒœ ์ฝ”๋“œ ์˜ค๋ฅ˜๋ฅผ ์ง์ ‘ ์ฒ˜๋ฆฌํ•ด์•ผ ํ•จ์ž๋™์œผ๋กœ ์˜ค๋ฅ˜๋ฅผ throw์š”์ฒญ ์ทจ์†Œ..