axios

๋ฐฑ์—”๋“œ ๊ฐœ๋ฐœ์ž๋‹˜: ํ•ด๋‹น api ์—…๋ฐ์ดํŠธํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ฉ”์†Œ๋“œ๋Š” get์ด๊ณ  body์— ๋‹ด์•„์„œ ๋ณด๋‚ด์ฃผ์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค~ ๋‚˜: ๋„ต~~ ๊ฒฐ๊ณผ : ERROR ERROR ์™œ?? ๐Ÿ‘€ ?? ์‹ฌ์ง€์–ด Redux๋กœ ์ž‘์„ฑํ•œ api instance์—์„œ๋„ body๋ฅผ ๋‹ด๋Š”๊ฑธ ๊ฑฐ๋ถ€ ใ…‹ .. ํŒŒ๋ผ๋ฏธํ„ฐ๊ฐ€ url, config ์ด์ƒ์œผ๋กœ ๋ชป ๋ฐ›๋Š”๋‹ค๊ณ  ๋ฑ‰์–ด๋ƒ„. ์‹œ๋‹ˆ์–ด๊ฐœ๋ฐœ์ž๋‹˜: get ์š”์ฒญํ•˜๋Š”๋ฐ ๋ฐ”๋””์— ๋‹ด๋Š”๋‹ค๊ณ ??๐Ÿ‘€ ๋‚˜: ๋„ต- ์ „์— ๊ทธ๋ ‡๊ฒŒ ํ–ˆ๋Š”๋ฐ์š”?๐Ÿ˜ณ? ์•ˆ ๋˜๋‚˜์š”? ์ด์ „์—๋„ ๊ฒŒ์‹œํŒ์—์„œ ๊ฒ€์ƒ‰ํ•  ๋•Œ get ๋ฉ”์†Œ๋“œ๋กœ ์š”์ฒญํ•˜๋ฉฐ ๋ฐ”๋””์— ๋‹ด์•„์„œ ๋ณด๋‚ธ ๊ธฐ์–ต์ด ์žˆ๊ธฐ์— - ๋‹น์—ฐํ•˜๊ฒŒ~~~~ body์— ๋‹ด๋Š”๊ฑฐ ์˜คํ‚ค๋„ํ‚ค์š”! ํ–ˆ๋˜ ์ƒํ™ฉ. ํ˜ผ๋ž€๋งŒ ๊ฐ€์ค‘๋˜๋Š” ์ƒํ™ฉ ๊ทธ๋ž˜์„œ ์ •๋ฆฌํ•œ๋‹ค. ์ผ๋‹จ ๊ฒฐ๋ก ๋งŒ ๋ณด์ž๋ฉด, pararms ๋ฅผ ์จ์„œ ์š”์ฒญํ•˜๋ฉด config์— ๋‹ด๊ฒจ์„œ get ์š”์ฒญ์‹œ์—๋„ ๋ฐ”๋””์— ..
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) ๐Ÿˆ‍โฌ›
'axios' ํƒœ๊ทธ์˜ ๊ธ€ ๋ชฉ๋ก