자바스크립트 + 리액트 디자인 패턴

215

Chapter 09_

비동기 프로그래밍 패턴

const data = await response.json();

console.log(data);

} catch (error) {

console.error(error);

}

}

이 예제에서,

makeRequest

함수는

async

키워드를 사용하는 비동기 함수입니다. 함수 내부

에서

await

키워드는

fetch

호출이 완료될 때까지 함수 실행을 일시 중지합니다. 요청이 성

공하면 데이터가 콘솔에 기록되고, 실패하면 에러가

catch

블록에서 처리되어 콘솔에 기록

됩니다.

이제

async

를 활용하는 다른 패턴들을 살펴보겠습니다.

9.4.1

비동기 함수 조합

비동기 함수 조합

async

Function

Composition

패턴은 여러 비동기 함수를 조합하여 보다 복잡한 비동

기 로직을 구성하는 것을 의미합니다.

async function makeRequest(url) {

const response = await fetch(url);

const data = await response.json();

return data;

}

async function processData(data) {

// 데이터 처리

return processedData;

}

async function main() {

const data = await ...