๊ด€๋ฆฌ ๋ฉ”๋‰ด

๋ชฉ๋กproxy (1)

Hi-๋žŒ๐Ÿ‘‹ High-๋žŒโ˜€๏ธ

[React] API ์—ฐ๋™ํ•˜๊ธฐ with axios

ํ”„๋กœ์ ํŠธ๋ฅผ ํ•˜๋‹ค ๋ณด๋ฉด ์„œ๋ฒ„์—์„œ ๋ฐ์ดํ„ฐ๋ฅผ ๋ฐ›์•„์˜ค๊ณ , ๋ณด๋‚ด์•ผ ํ•˜๋Š” ์ƒํ™ฉ์ด ์ƒ๊ธด๋‹ค. ์˜ˆ์‹œ๋ฅผ ํ†ตํ•ด axios๋ฅผ ์ด์šฉํ•˜์—ฌ API๋ฅผ ์—ฐ๋™ํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ณด์ž! 1. axios ์„ค์น˜ํ•˜๊ธฐ API๋ฅผ ํ˜ธ์ถœํ•˜๊ธฐ ์œ„ํ•ด์„œ axios๋ผ๋Š” ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋ฅผ ์„ค์น˜ํ•ด์•ผ ํ•œ๋‹ค. // 1. npm์„ ์ด์šฉํ•˜์—ฌ ์„ค์น˜ํ•˜๋Š” ๊ฒฝ์šฐ npm install axios // 2. yarn์„ ์ด์šฉํ•˜์—ฌ ์„ค์น˜ํ•˜๋Š” ๊ฒฝ์šฐ yarn add axios ์„ค์น˜ํ–ˆ๋‹ค๋ฉด ์‚ฌ์šฉํ•˜๊ณ ์ž ํ•˜๋Š” ํ”„๋กœ์ ํŠธ์—์„œ import๋ฅผ ํ•ด์•ผ ํ•œ๋‹ค. import axios from "axios"; ์ด๋ ‡๊ฒŒ API๋ฅผ ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ์ƒํƒœ๊ฐ€ ๋˜์—ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” API๋ฅผ ์‚ฌ์šฉํ•ด์„œ ์•„๋ž˜์™€ ๊ฐ™์€ ๋™์ž‘์„ ํ•  ์ˆ˜ ์žˆ๋‹ค. Create : ๋ฐ์ดํ„ฐ ์ƒ์„ฑ(POST) Read : ๋ฐ์ดํ„ฐ ์กฐํšŒ (GET) Update : ๋ฐ์ดํ„ฐ ์ˆ˜์ • (..

React 2023. 5. 8. 18:15