[javascript] 동시에 진행되는 비동기 작업들을 프로미스로 관리하기

07 Dec 2023

javascript

비동기 작업은 자바스크립트에서 빈번하게 사용되는 개념입니다. 하지만 여러 개의 비동기 작업이 동시에 실행되어야 할 때, 이들을 효율적으로 관리하는 것은 쉽지 않은 일이 될 수 있습니다. 이러한 상황에서 프로미스(Promise)를 활용하면 비동기 작업들을 보다 편리하게 관리할 수 있습니다.

프로미스는 비동기 작업의 결과를 나중에 받아올 수 있는 객체입니다. 비동기 작업을 수행하는 함수는 프로미스 객체를 반환하고, 이를 통해 작업의 성공 또는 실패 여부를 처리할 수 있습니다. 여러 개의 프로미스를 한 번에 처리하기 위해서는 Promise.all 메서드를 사용할 수 있습니다.

프로미스를 사용하여 비동기 작업 관리하기

여러 개의 비동기 작업을 동시에 실행하고, 그 결과를 기다릴 때 프로미스를 사용할 수 있습니다. 아래는 간단한 예제 코드입니다.

function fetchData(url) {
  return new Promise((resolve, reject) => {
    // 비동기 작업 수행
    // 데이터를 성공적으로 받아왔을 경우 resolve 호출
    // 데이터 받기에 실패한 경우 reject 호출
  });
}

const urls = [...]; // 여러 개의 요청 URL

const promises = urls.map((url) => fetchData(url));
Promise.all(promises)
  .then((results) => {
    // 모든 프로미스가 성공적으로 처리된 경우
    // results 배열에 결과값들이 순서대로 저장됨
  })
  .catch((error) => {
    // 하나 이상의 프로미스가 실패한 경우
    // error 객체를 통해 실패한 이유를 확인할 수 있음
  });

위 코드에서 fetchData 함수는 비동기 작업을 수행하는 함수로서 프로미스를 반환합니다. 여러 개의 비동기 작업을 배열로 만들고, Promise.all 메서드에 이 배열을 전달해줌으로써 모든 비동기 작업이 완료될 때까지 기다릴 수 있습니다.

Promise.all 메서드는 모든 프로미스가 성공적으로 처리될 경우 then 핸들러를 호출하고, 하나 이상의 프로미스가 실패할 경우 catch 핸들러를 호출합니다.

장점과 활용 방법

프로미스를 사용하여 비동기 작업을 관리하면 다음과 같은 장점을 얻을 수 있습니다.

코드 가독성 향상: 프로미스를 사용하면 비동기 작업의 순서와 상태를 명확하게 표현할 수 있습니다. .then 메서드 체인을 통해 작업의 순서를 보다 직관적으로 표현할 수 있습니다.
오류 처리 용이: 프로미스를 사용하면 각각의 비동기 작업에 대한 예외 처리를 간편하게 할 수 있습니다. .catch 핸들러를 통해 전체 작업의 실패 여부를 감지하고 에러를 처리할 수 있습니다.
동시성 제어: Promise.all 메서드를 사용하면 여러 개의 비동기 작업을 동시에 실행할 수 있습니다. 이를 통해 작업들이 동시에 실행되는 동안 큰 성능 향상을 얻을 수 있습니다.

프로미스는 자바스크립트 비동기 작업을 효율적으로 관리하는 도구로서, 다양한 비동기 작업 상황에서 유용하게 활용될 수 있습니다.

프로미스를 사용하여 비동기 작업 관리하기

장점과 활용 방법

참고 자료