JS

JS 비동기 처리 패턴 정리

2025.10.22

Promise 기반 코드와 async/await를 함께 사용할 때 발생하는 에러 처리를 정리했습니다. Promise.allSettled를 활용해 UI에서 부분 실패를 처리하는 패턴을 정리했습니다.

async function loadDashboards(ids) {
  const results = await Promise.allSettled(ids.map(fetchDashboard));
  return results.filter(({ status }) => status === "fulfilled").map(({ value }) => value);
}

다음으로는 React Query와 통합하는 방법을 실험할 예정입니다.

  • javascript
  • async

JS 1개의 글