비동기 처리 흐름

Promise와 async await 흐름

비동기 작업은 즉시 결과가 없기 때문에 성공, 실패, 대기 상태를 분리해 다루어야 한다.

Promise 상태

Pending: 아직 끝나지 않은 비동기 작업
Fulfilled: 성공 결과가 resolve된 상태
Rejected: 실패 이유가 reject된 상태

읽는 방식

async function load() {
try {
const data = await fetchData();
return data;
} catch (error) {
handle(error);
}
}
then: 성공 흐름 연결
catch: 실패 흐름 처리
await: 비동기 결과 대기