forEach문으로 인한 에러(for of 대신 사용하기)

forEach문

forEach문은 순환 중 실행하는 로직을 동기적으로 기다리지 않는다. 즉, forEach를 통해 3번의 순환을 구현한다면 첫번째 순환이 끝나야 두번째 순환이 시작되고, 두번째 순환이 끝나야 세번째 순환이 시작되는 구조가 아니라는 뜻이다. 모든 순환을 비동기적으로 실행해버린다.

forEach문으로 인해 발생할 수 있는 에러

나는 forEach 순환마다 axios 요청을 보내도록 설정했다. 이때 에러를 처리하기 위해 전체를 try catch로 감쌌다. 하지만 에러를 발생시켜도 catch문에서 에러를 잡지 못했다. froEach가 비동기적으로 실행되면서 에러가 적절히 처리되지 않는 것이다.

해결방법

forEach대신 for of와 await으로 코드를 수정했다.