JavaScript async/await와 Promise 체이닝, 어떻게 골라 쓸까
·
FrontEnd/JavaScript
이전 글에서 비동기 기본 개념을 훑어봤다면, 이번 글은 실제 코드에서async/await와 Promise 체이닝을 어떻게 나눠 쓰는지가 중심이다. 결론 먼저Promise는 비동기 작업의 결과를 담는 그릇이다async/await는 Promise를 읽기 좋게 쓰기 위한 문법이다순차 처리만 보면 async/await 쪽이 코드 읽기가 훨씬 편하다병렬 처리, 여러 작업을 한 번에 돌릴 때는 Promise.all 같은 API를 그대로 쓴다결국 실무에서는 "로직 구조는 async/await"에 두고, "병렬 제어는 Promise API"로 가져가는 패턴이 많다1. Promise 한 번만 다시 짚고 가기Promise는 비동기 작업이 끝났을 때성공했는지실패했는지결과 값이 무엇인지를 표현하는 객체다.내부적으로는 대략 이..