REST API를 호출하고 데이터를 처리하는 과정에서 발생할 수 있는 오류를 처리하는 방법은 중요합니다. TypeScript로 REST API를 호출하고 오류를 처리하는 방법을 살펴 보겠습니다.

Axios를 사용하여 REST API 호출하기

먼저, Axios를 사용하여 TypeScript로 REST API를 호출하는 방법을 알아보겠습니다. Axios는 간편하고 인기 있는 HTTP 클라이언트 라이브러리이며, 다음과 같이 설치할 수 있습니다:

npm install axios

Axios를 사용하여 GET 요청을 보내고 응답을 처리하는 방법은 다음과 같습니다:

import axios, { AxiosResponse, AxiosError } from 'axios';

axios.get('https://api.example.com/data')
  .then((response: AxiosResponse) => {
    // 성공적으로 데이터를 받아왔을 때 처리 로직
    console.log(response.data);
  })
  .catch((error: AxiosError) => {
    // 오류가 발생했을 때 처리 로직
    console.error(error.message);
  });

REST API 호출 중 오류 처리하기

REST API 호출 중 발생하는 오류는 AxiosError 객체를 통해 처리할 수 있습니다. 예를 들어, 네트워크 오류, 서버 오류, 또는 유효하지 않은 요청 오류 등이 발생할 수 있습니다. 이런 경우에는 오류 유형에 따라 적절한 처리를 해주어야 합니다.

예를 들어, 네트워크 오류인 경우에는 다음과 같이 처리할 수 있습니다:

.catch((error: AxiosError) => {
  if (error.code === 'ECONNABORTED') {
    // 네트워크 타임아웃 오류 처리
    console.error('네트워크 타임아웃');
  } else {
    // 기타 네트워크 오류 처리
    console.error('네트워크 오류:', error.message);
  }
});

요약

TypeScript로 REST API 호출 시, Axios를 사용하여 간편하게 요청을 보낼 수 있습니다. 오류 처리를 위해서는 AxiosError 객체를 사용하여 적절한 오류 유형에 대한 처리를 해주어야 합니다. 네트워크 오류, 서버 오류 등 다양한 상황에 대비하여 안정적인 API 호출을 보장할 수 있습니다.

이상으로 TypeScript로 REST API 호출 시의 오류 처리 방법에 대해 살펴보았습니다. 추가적으로 궁금한 내용이 있거나 더 알아보고 싶은 내용이 있다면, Axios 공식 문서를 참고해 보시기 바랍니다.

참고 문헌:

• Axios 공식 문서