apiํ†ต์‹ 

React๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์„œ๋ฒ„์™€ ํ†ต์‹ ์„ ํ•˜๊ธฐ ์œ„ํ•ด์„œ๋Š” Axios ํ˜น์€ Fetch์™€ ๊ฐ™์€ HTTP ํด๋ผ์ด์–ธํŠธ๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค Fetch API๋Š” ๋„คํŠธ์›Œํฌ ์š”์ฒญ์„ ์œ„ํ•ด fetch()๋ผ๋Š” ๋ฉ”์„œ๋“œ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋˜ ๋ธŒ๋ผ์šฐ์ €์—์„œ ๋‚ด์žฅ๋˜์–ด์žˆ์–ด์„œ ๋”ฐ๋กœ ์„ค์น˜ํ•  ํ•„์š” ์—†์ด ๋ฐ”๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐ˜๋ฉด Axios์˜ ๊ฒฝ์šฐ์—๋Š” npm์ด๋‚˜ yarn์„ ์ด์šฉํ•ด์„œ ์„ค์น˜๋ฅผ ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค. ๋‘˜ ๋‹ค promise ๊ธฐ๋ฐ˜์ด๋ผ์„œ ์ดํ–‰ ํ˜น์€ ๊ฑฐ๋ถ€ํ•  ์ˆ˜ ์žˆ๋Š” promise๋ฅผ ๋ฐ˜ํ™˜ํ•ฉ๋‹ˆ๋‹ค. Axios vs Fetch ๋ฌธ๋ฒ• //Axios axios.get( url, { ์˜ต์…˜ }, {} ) or axios(url, { method: 'get', headers: { "Content-Type: "application/json" }, data: {}, }) //f..
๋ฐ(Ming) ๐Ÿˆ‍โฌ›
'apiํ†ต์‹ ' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก