Async/Await가 JavaScript 비동기 코드를 .then() 체인 대신 동기식 문법으로 작성 가능하게 한다

Context

JavaScript에서 비동기 작업은 Promise와 .then() 체인으로 처리했다. 체인이 길어질수록 코드의 가독성이 급격히 떨어졌다. 개발자들은 중첩된 콜백 구조에서 유지보수 곤경을 겪었다.

Technical Solution

• async 키워드 → 함수가 항상 Promise 반환을 보장한다
• await 키워드 → Promise 해결까지 함수 실행을 일시 중단한다
• try-catch 블록 → 비동기 함수 내부의 에러를 unified된 방식으로 처리한다
• await는 일시 중단 중에도 JavaScript thread가 다른 작업을 수행하게 한다
• synchronous code와 동일한 구조로 비동기 코드를 작성한다

Key Takeaway

Async/Await는 Promise 기반 비동기 로직을 synchronous code처럼 읽고 작성할 수 있게 하는 syntactic sugar이다.