ASYNC FLOW

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비동기 결과 대기