JavaScript의 forEach 메서드는 동기적으로 설계되어 있어 async/await를 사용해도 비동기 작업의 완료를 기다려주지 않는다. 이 현상이 발생하는 내부 동작 원리를 분석하고, 상황에 따라 순차 처리(for...of)와 병렬 처리(Promise.all)를 올바르게 선택하는 방법을 정리한다. JavaScript forEach가 비동기(async/await)를 기다리지 않는 원리와 해결법배열의 요소를 순회하며 서버에 API 요청을 보내거나 DB에 데이터를 저장해야 할 때, 가장 먼저 떠오르는 메서드는 익숙한 forEach다. 그래서 우리는 자연스럽게 콜백 함수에 async를 붙이고 내부에서 await를 사용한다.하지만 코드를 실행해 보면 예상과 전혀 다르게 동작한다. 비동기 작업이 끝나기도 ..
