[javascript] Promise를 사용한 비동기 작업의 중첩 방지

14 Dec 2023

javascript

자바스크립트를 사용하여 비동기 작업을 수행할 때, 중첩된 콜백 함수를 작성하게 되면 코드의 가독성이 나빠지고 유지보수가 어려워질 수 있습니다. 이러한 문제를 해결하기 위해 ES6에서는 Promise를 도입하여 비동기 처리를 보다 간편하게 작성할 수 있게 되었습니다.

Promise를 사용하면 코드의 중첩을 방지하고 오류 처리를 보다 효율적으로 할 수 있습니다. Promise를 활용하여 비동기 작업을 수행하고 중첩을 피하기 위해 다음과 같은 방법을 사용할 수 있습니다.

1. Promise 체이닝

Promise 체이닝을 사용하면 여러 개의 비동기 작업을 연속적으로 실행할 수 있습니다. 각 작업이 완료되면 다음 작업을 연이어 실행할 수 있어 중첩을 피할 수 있습니다.

예시:

function asyncTask1() {
  return new Promise((resolve, reject) => {
    // 비동기 작업 수행
    resolve(result1);
  });
}

function asyncTask2() {
  return new Promise((resolve, reject) => {
    // 비동기 작업 수행
    resolve(result2);
  });
}

asyncTask1()
  .then(result1 => {
    return asyncTask2();
  })
  .then(result2 => {
    // 최종 결과 처리
  })
  .catch(error => {
    // 오류 처리
  });

2. async/await 구문

ES7에서 도입된 async/await 구문을 사용하면 비동기 코드를 동기식으로 작성할 수 있습니다. 이를 통해 코드 가독성을 높이고 중첩을 피할 수 있습니다.

예시:

async function asyncTask() {
  try {
    const result1 = await asyncTask1();
    const result2 = await asyncTask2();
    // 최종 결과 처리
  } catch (error) {
    // 오류 처리
  }
}

Promise를 활용하여 비동기 작업을 보다 효율적으로 처리하고 중첩을 피함으로써 코드의 가독성을 높일 수 있습니다. 이를 통해 유지보수가 쉽고 신뢰할 수 있는 코드를 작성할 수 있습니다.

참고 자료

이전에 서버리스 애플리케이션 개발과 관련하여 작성한 서버리스 애플리케이션과 마이크로서비스 아키텍처와 AWS Lambda를 사용한 서버리스 애플리케이션 개발에 대한 블로그 포스트도 확인해보세요.