Promise와 async/await | 럿지 AI 블로그

TUTORIAL

Promise와 async/await

비동기 프로그래밍 마스터

럿지 AI 팀

2025-01-15

15분

비동기 마스터

Callback

전통적 방식

Promise

체이닝 가능

async/await

동기식 스타일

Promise 상태

Pending대기 중

Fulfilled성공 (resolve)

Rejected실패 (reject)

주요 메서드

.then()

성공 핸들러

.catch()

에러 핸들러

.finally()

항상 실행

Promise.all()

병렬 처리

Promise.race()

먼저 완료된 것

Promise.allSettled()

모든 결과

async/await 장점

가독성동기 코드처럼 읽힘

try/catch일반 에러 처리 사용

디버깅스택 트레이스 명확

조건문if/else 자연스러운 사용

주의사항

• await는 async 함수 내에서만

• 병렬 실행 시 Promise.all 활용

• 에러 처리 try/catch 필수

• Top-level await (ES2022+)

관련 태그

#promise

#Tutorial

#Frontend

#Development