๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
  • What would life be If we had no courage to attemp anything?
Development

[axios] axios 1

by DevIseo 2023. 1. 21.

axios๋ž€?

๋ธŒ๋ผ์šฐ์ €์™€ node.js์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” Promise ๊ธฐ๋ฐ˜ HTTP ํด๋ผ์ด์–ธํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

ํŠน์ง•

  • ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์œ„ํ•ด XMLHttpRequests ์ƒ์„ฑ
  • node.js๋ฅผ ์œ„ํ•ด http ์š”์ฒญ ์ƒ์„ฑ
  • Promise API๋ฅผ ์ง€์›
  • ์š”์ฒญ ๋ฐ ์‘๋‹ต ์ธํ„ฐ์…‰ํŠธ
  • ์š”์ฒญ ๋ฐ ์‘๋‹ต ๋ฐ์ดํ„ฐ ๋ณ€ํ™˜
  • ์š”์ฒญ ์ทจ์†Œ
  • JSON ๋ฐ์ดํ„ฐ ์ž๋™ ๋ณ€ํ™˜
  • XSRF๋ฅผ ๋ง‰๊ธฐ์œ„ํ•œ ํด๋ผ์ด์–ธํŠธ ์‚ฌ์ด๋“œ ์ง€์›

์„ค์น˜

npm install axios

์‚ฌ์šฉ ์˜ˆ์‹œ

// POST ์š”์ฒญ ์ „์†ก
axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});
// node.js์—์„œ GET ์š”์ฒญ์œผ๋กœ ์›๊ฒฉ ์ด๋ฏธ์ง€ ๊ฐ€์ ธ์˜ค๊ธฐ
axios({
  method: 'get',
  url: '<http://bit.ly/2mTM3nY>',
  responseType: 'stream'
})
  .then(function (response) {
    response.data.pipe(fs.createWriteStream('ada_lovelace.jpg'))
  });

Reference

์‹œ์ž‘ํ•˜๊ธฐ

 

์‹œ์ž‘ํ•˜๊ธฐ | Axios Docs

์‹œ์ž‘ํ•˜๊ธฐ ๋ธŒ๋ผ์šฐ์ €์™€ node.js์—์„œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š” Promise ๊ธฐ๋ฐ˜ HTTP ํด๋ผ์ด์–ธํŠธ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ Axios๋ž€? Axios๋Š” node.js์™€ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์œ„ํ•œ Promise ๊ธฐ๋ฐ˜ HTTP ํด๋ผ์ด์–ธํŠธ ์ž…๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ๋™ํ˜• ์ž…๋‹ˆ๋‹ค(๋™์ผํ•œ ์ฝ”

axios-http.com

 

'Development' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

๋ฐ”๋ฒจ(Babel)  (0) 2023.06.15
์›นํŒฉ(Webpack)  (0) 2023.06.15
[axios] axios 2  (0) 2023.01.27
[npm].npmrc  (0) 2023.01.19

๋Œ“๊ธ€