자바스크립트에서 프로미스(Promise)를 활용한 비동기 처리 방법 2편 - 프로미스를 활용한 에러 처리 방법

2023.04.22 - [프로그래밍/Javascript] - 자바스크립트에서 프로미스(Promise)를 활용한 비동기 처리 방법 1편 - 프로미스의 개념과 사용 방법

안녕하세요! 이번에는 자바스크립트에서 프로미스를 활용한 에러 처리 방법에 대해 알아보겠습니다.

 

프로미스에서 발생하는 에러

프로미스를 사용하여 비동기 처리 작업을 수행할 때, 요청이 실패하거나 처리 중에 에러가 발생할 수 있습니다.

이러한 경우 에러 처리를 적절하게 수행해야 합니다.

 

프로미스에서 발생하는 에러는 크게 두 가지로 나눌 수 있습니다.

• 비동기 처리 작업을 수행하는 과정에서 발생하는 에러
• reject 함수를 호출하여 의도적으로 발생시키는 에러

비동기 처리 작업을 수행하는 과정에서 발생하는 에러는 네트워크 요청이 실패하거나, 파일을 찾을 수 없는 등의 상황에서 발생합니다.

이러한 경우 프로미스가 rejected 상태가 되며, catch 메소드를 사용하여 에러를 처리할 수 있습니다.

reject 함수를 호출하여 의도적으로 에러를 발생시키는 경우는 주로 테스트를 위해 사용됩니다.

이러한 경우에도 catch 메소드를 사용하여 에러를 처리할 수 있습니다.

 

프로미스 에러 처리

프로미스에서 발생한 에러를 처리하려면 catch 메소드를 사용합니다.

catch 메소드는 프로미스에서 발생한 에러를 처리하며, 이전에 호출된 then 메소드에서 발생한 에러는 처리하지 않습니다.

 

다음은 프로미스에서 발생한 에러를 처리하는 예제입니다.

 

fetchData('https://example.com/api/data')
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });

위 코드에서 catch 메소드는 프로미스에서 발생한 에러를 처리합니다.

이전에 호출된 then 메소드에서 발생한 에러는 처리하지 않습니다.

 

에러 전파

프로미스에서 발생한 에러는 에러 처리를 하지 않을 경우 상위 호출자로 전파됩니다.

이러한 에러 전파를 이용하면 여러 개의 프로미스에서 발생한 에러를 한꺼번에 처리할 수 있습니다.

 

const promises = [
  fetchData('https://example.com/api/data'),
  fetchData('https://example.com/api/another-data'),
  fetchData('https://example.com/api/yet-another-data')
];

Promise.all(promises)
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });

위 코드에서 Promise.all 메소드는 여러 개의 프로미스를 받아 전달된 모든 프로미스가 완료될 때까지 기다린 후, 모든 프로미스가 완료되면 결과 값을 배열로 전달합니다.

이때, 하나라도 프로미스에서 에러가 발생하면 catch 메소드가 호출되어 에러 처리를 수행합니다.

 

반응형

finally 메소드

프로미스에서 finally 메소드를 사용하면 then 또는 catch 메소드가 호출된 후에 항상 실행되는 코드를 작성할 수 있습니다.

finally 메소드에서는 프로미스가 성공하던 실패하던 항상 실행되는 코드를 작성할 수 있습니다.

 

다음은 finally 메소드를 사용한 예제입니다.

 

fetchData('https://example.com/api/data')
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  })
  .finally(() => {
    console.log('fetchData completed.');
  });

위 코드에서 finally 메소드는 프로미스가 성공하던 실패하던 항상 실행되는 코드를 작성합니다.

이를 이용하면 프로미스가 성공하던 실패하던 항상 실행되는 코드를 작성할 수 있습니다.

 

Promise.reject 메소드

Promise.reject 메소드는 reject 함수를 호출하여 프로미스를 rejected 상태로 만드는 것과 같은 효과를 가집니다.

이를 이용하면 catch 메소드에서 간단하게 에러를 처리할 수 있습니다.

 

다음은 Promise.reject 메소드를 사용한 예제입니다.

 

Promise.reject(new Error('Something went wrong.'))
  .catch(error => {
    console.error(error);
  });

위 코드에서 Promise.reject 메소드는 rejected 상태로 만들어진 프로미스를 반환합니다.

이를 이용하여 에러를 간단하게 처리할 수 있습니다.

 

Promise.allSettled 메소드

Promise.allSettled 메소드는 여러 개의 프로미스를 받아 전달된 모든 프로미스가 완료될 때까지 기다린 후, 모든 프로미스의 처리 결과를 배열로 반환합니다.

이때, 프로미스가 성공하던 실패하던 모든 처리 결과를 반환합니다.

 

다음은 Promise.allSettled 메소드를 사용한 예제입니다.

 

const promises = [
  fetchData('https://example.com/api/data'),
  Promise.reject(new Error('Something went wrong.')),
  fetchData('https://example.com/api/another-data')
];

Promise.allSettled(promises)
  .then(results => {
    console.log(results);
  });

위 코드에서 Promise.allSettled 메소드는 여러 개의 프로미스를 받아 전달된 모든 프로미스가 완료될 때까지 기다린 후, 모든 프로미스의 처리 결과를 반환합니다.

이를 이용하여 여러 개의 프로미스에서 발생한 에러를 한꺼번에 처리할 수 있습니다.

 

결론

프로미스를 사용하여 비동기 처리 작업을 처리할 때는 적절한 에러 처리가 필요합니다.

프로미스에서는 catch 메소드를 사용하여 에러 처리를 수행할 수 있으며, 에러 전파를 이용하여 여러 개의 프로미스에서 발생한 에러를 한꺼번에 처리할 수 있습니다.

또한, finally 메소드를 사용하여 항상 실행되는 코드를 작성하거나, Promise.reject 메소드를 사용하여 간단하게 에러를 발생시킬 수 있습니다.

Promise.allSettled 메소드를 사용하여 여러 개의 프로미스에서 발생한 처리 결과를 배열로 반환할 수도 있습니다.

 

올바른 에러 처리는 코드의 안정성을 높이고, 유지 보수성을 향상시키는데 중요한 역할을 합니다.

따라서 프로미스를 사용하여 비동기 처리 작업을 처리할 때는 항상 적절한 에러 처리를 고려해야 합니다.

 

이상으로, 프로미스를 활용한 에러 처리 방법에 대해 알아보았습니다.

다음 포스트에서는 async/await 문법을 사용하여 프로미스를 더욱 쉽게 사용하는 방법에 대해 알아보겠습니다.