배열의 요소마다 async 적용 시, for ~ of 사용(.map과 비교)
✅ 핵심 차이 요약
| 구분 | map(async) | for...of + await |
| 목적 | 배열을 변환 (return 결과로 새 배열 생성) | 단순 반복 |
| 비동기 제어 | await가 작동하지 않음 → 병렬 실행 | await 가능 → 순차 실행 |
| 사용 추천 상황 | 병렬 처리하고 .then() 또는 Promise.all로 처리할 때 | 순차 실행이 필요할 때 (API 순서 중요 등) |
'React' 카테고리의 다른 글
| forwardRef : 컴포넌트 외부에서 내부 요소 조작, 트리거 하기 (0) | 2025.05.20 |
|---|---|
| Promise 함수 (resolve, reject) (1) | 2025.04.22 |
| React에서 동기 / 비동기, async / await (0) | 2025.04.22 |
| 함수 선언 방식에 따른 차이 (0) | 2025.03.06 |