Axios 통신

박병주·2024년 2월 10일
0

Node.js

목록 보기
2/2

일반적으로 내가 알던 axios 통신은 프론트단에서 백엔드에 데이터를 요청할 때 사용하는 통신이었다.
인턴할때 Flutter에서 백엔드로 데이터 받아올때 사용해봄
비슷한 의미이지만 node.js에서 공공데이터 API를 불러 올때 백단에서도 axios통신을 이용할 수 있다.
결국 통신 이라는 .(점)

1. Axios 설치

npm install axios
node.js 프로젝트에 설치해 주어야 한다.

2. 사용법

axios('/user/bang');

axios() 함수에 인자로 url을 넣어 요청을 보낼 수 있다.

axios({
  method: 'post',
  url: '/user/bang',
  data: {
    firstName: 'Park',
    lastName: 'Bang',
  }
});

기타 설정 옵션과 데이터를 넣어 요청을 보낼 수 있다.

axios.get(url);
axios.post(url);
axios.put(url);
axios.patch(url);
axios.delete(url);

통신 방법별(REST) 별칭도 지원한다.

const result = await axios.get(url);
        const airItem = {
            location: '마포구', //locaition을 직접 명시
            time: result.data.response.body.items[0]['dataTime'], // 시간대
            pm10: result.data.response.body.items[0]['pm10Value'], // pm10 수치
            pm25: result.data.response.body.items[0]['pm25Value'], // pm25 수치
        }

공공데이터를 불러오는 코드 중 axios통신을 통해 데이터를 받는 코드이다.
url을 통해 데이터를 받아오게 된다.
axios로 받은 결과는 뒤에 .data를 붙여주어야 한다.

profile
응애

0개의 댓글