자바스크립트 프로미스

10 Sep 2023

javascript

자바스크립트에서 비동기적인 작업을 처리하기 위해 사용되는 프로미스(Promises)는 콜백 헬(callback hell)을 피하고, 보다 깔끔하고 구조화된 코드를 작성하는 데 도움을 주는 기술입니다.

프로미스는 비동기 처리를 위한 객체로서, 작업의 성공 여부를 나타내는 상태(state)와 결과 값을 제공하는 기능을 제공합니다. 비동기 작업에서는 결과를 즉시 반환하지 않고, 작업이 완료된 후 결과를 전달하므로 일반적인 동기 작업과 다른 처리 방식을 요구합니다. 프로미스는 이러한 비동기 작업을 더 편리하게 다룰 수 있게 해줍니다.

프로미스의 장점

가독성과 유지보수성 향상: 프로미스를 사용하면 콜백 헬을 피할 수 있고, 보다 구조화된 코드를 작성할 수 있습니다. 비동기 작업의 처리 흐름을 더 명확하게 표현할 수 있습니다.
에러 핸들링: 프로미스에서는 작업 중 발생한 에러를 감지하고 처리할 수 있습니다. .catch() 메소드를 사용하여 에러를 캐치하고, .finally() 메소드를 사용하여 성공과 실패에 관계없이 항상 호출되는 코드를 작성할 수 있습니다.
병렬 작업 처리: 여러 개의 비동기 작업을 동시에 처리해야 할 때 유용합니다. Promise.all() 메소드를 사용하면 여러 개의 프로미스를 받아 병렬로 실행하며, 모든 작업이 완료될 때까지 기다릴 수 있습니다.

예시 코드

const fetchData = () => {
  // 프로미스 객체 생성
  return new Promise((resolve, reject) => {
    // 비동기 작업 수행
    setTimeout(() => {
      // 작업 성공 시 resolve 호출
      resolve('Data successfully fetched');
      
      // 작업 실패 시 reject 호출
      // reject('Error occurred');
    }, 2000);
  });
};

// 프로미스 사용
fetchData()
  .then(data => {
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  })
  .finally(() => {
    console.log('Promise completed');
  });

위 예시 코드에서는 fetchData 함수가 프로미스 객체를 생성하여, 2초 후에 데이터를 성공적으로 가져온다는 결과를 반환하고 있습니다. then 메소드를 사용하여 성공 시 동작을 정의하고, catch 메소드를 사용하여 실패 시 동작을 정의할 수 있습니다. 마지막으로 finally 메소드를 사용하여 작업 완료 시 항상 실행되는 코드를 작성할 수 있습니다.

프로미스는 자바스크립트에서 비동기 작업을 효과적으로 관리할 수 있는 강력한 도구입니다. 코드의 가독성과 유지보수성을 향상시킬 뿐만 아니라, 에러 핸들링과 병렬 작업 처리 등 다양한 기능을 제공합니다. 자바스크립트 개발에서 프로미스를 적극적으로 활용하여 효율적인 비동기 프로그래밍을 할 수 있습니다.