더북(TheBook)

먼저 요청의 종류 중 하나인 GET 요청을 보내 보겠습니다. 요청의 종류는 4.2절에서 REST API를 다루며 살펴봅니다.

axios.get 함수의 인수로 요청을 보낼 주소를 넣으면 됩니다.

axios.get('https://www.zerocho.com/api/get')
  .then((result) => {
    console.log(result);
    console.log(result.data); // {}
  })
  .catch((error) => {
    console.error(error);
});

axios.get도 내부에 new Promise가 들어 있으므로 thencatch를 사용할 수 있습니다. result.data에 서버로부터 보낸 데이터가 들어 있으며, 개발자 도구 Console 탭에서 확인할 수 있습니다.

프로미스이므로 async/await 방식으로 변경할 수 있습니다. 익명 함수라서 즉시 실행을 위해 코드를 소괄호로 감싸서 호출했습니다.

(async () => {
  try {
    const result = await axios.get('https://www.zerocho.com/api/get');
    console.log(result);
    console.log(result.data); // {}
  } catch (error) {
    console.error(error);
  }
})();
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.