[JavaScript] async / await 다시 보기

알림 관리 화면에서 API를 호출할 때 async / await를 계속 사용했다.

async function loadSubscribers() {
    const subscribers = await requestJson(API_URL);
    renderSubscribers(subscribers);
}

async
→ 비동기 작업을 하는 함수

await
→ Promise 결과가 올 때까지 기다렸다가 다음 코드 실행

예를 들면 수신자를 등록한 뒤에는

await requestJson(API_URL, {
    method: "POST",
    ...
});

await loadSubscribers();

등록 요청이 끝난 다음
목록을 다시 불러온다.

await가 없으면 API 응답이 오기 전에
다음 코드가 먼저 실행될 수도 있다.

에러 처리는 보통 try / catch랑 같이 사용했다.

try {
    await requestJson(API_URL);
} catch (error) {
    // 오류 처리
}

Biz Assist에서 기억할 건 이 정도.

async
→ 함수 안에서 await 사용 가능

await
→ 비동기 작업 결과 기다리기

try / catch
→ 비동기 요청 실패 처리

API 요청처럼 결과가 바로 나오지 않는 작업을 순서대로 처리할 때 사용했다.