Promise와 async/await의 차이점과 에러 처리 방법에 대해 설명해주세요.

Promise와 async/await는 둘 다 JavaScript에서 비동기 코드를 처리하는 데 사용됩니다. Promise는 비동기 작업의 최종 완료(성공 또는 실패)를 나타내는 객체이고, async/await는 Promise를 더 쉽게 사용할 수 있도록 해주는 문법적 설탕(Syntactic Sugar)입니다.

가장 큰 차이점은 가독성입니다. async/await를 사용하면 코드가 동기 코드처럼 보여서 이해하기 쉽습니다.

에러 처리 방식도 차이가 있습니다. Promise는 .catch() 메서드를 사용하여 에러를 처리하지만, async/await는 try...catch 구문을 사용하여 동기 코드처럼 에러를 처리할 수 있습니다.

// Promise
fetchData()
  .then(data => processData(data))
  .catch(error => console.error(error));

// async/await
async function fetchDataAndProcess() {
  try {
    const data = await fetchData();
    processData(data);
  } catch (error) {
    console.error(error);
  }
}

동시 실행 측면에서는 Promise.all() 등을 사용하여 여러 Promise를 병렬로 실행할 수 있고, async/await에서도 Promise를 활용하여 병렬 처리를 구현할 수 있습니다. async/await는 기본적으로 순차적으로 실행되지만, Promise와 함께 사용하면 동시성을 확보할 수 있습니다.