JavaScript 루프를 애니메이션과 같은 비동기 작업과 결합하면 원하는 결과를 얻을 수 없습니다. 이 문제는 루프가 동기식으로 실행되는 반면 이동을 제어하는 ​​함수는 비동기식으로 실행되기 때문에 발생합니다. 이 문제를 해결하기 위해 async/await를 활용하거나 Promise에 함수를 포함하는 등의 방법을 사용하면 후속 반복을 진행하기 전에 애니메이션의 모든 단계가 완료되도록 보장할 수 있습니다.