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

209

Chapter 09_

비동기 프로그래밍 패턴

.catch(error => reject(error));

});

}

makeRequest('http://example.com/')

.then(data => console.log(data))

.catch(error => console.error(error));

이번 예제에서

makeRequest

함수는 네트워크 요청의 결과를 나타내는

Promise

객체를 반

환합니다.

HTTP

요청을 수행하기 위해 함수 내부에서

fetch

메서드를 사용합니다. 요청

이 성공하면

Promise

는 응답을 완료

fulfilled

하여 데이터를 반환하고, 실패하면 에러와 함께 거

부

rejected

됩니다. 호출자는 반환된

Promise

객체의

.

then

및

.

catch

메서드를 통해 이러한

요청의 결과를 처리할 수 있습니다.

프로미스를 사용할 때의 주요 장점 중 하나는 콜백보다 체계적이고 가독성이 높은 방법으로

비동기 작업을 처리할 수 있다는 것입니다. 이를 통해 ‘콜백 지옥’을 피하고, 이해하기 쉽고

유지보수성이 높은 코드를 작성할 수 있습니다.

다음은 자바스크립트에서 활용할 수 있는 다양한 프로미스 디자인 패턴을 이해하는 데 도움

이 될 추가 예시들을 소개하겠습니다.

9.3.1

프로미스 체이닝

프로미스 체이닝

Promise

chaining ...