풀스택 서버리스: 리액트, AWS, 그래프QL을 이용한 최신 애플리케이션 개발

49

2

장

AWS Amplify 시작하기

}

export default App

이제 애플리케이션을 실행합니다.

~ npm start

애플리케이션이 실행되면 [그림

2

-

2

]와 같이 이름, 기호, 가격이 표시된 코인 리스트를 확인할

수 있습니다.

그림

2-2

API

에서 데이터 가져오기

2.4

다른

API

를 호출하도록 함수 수정

다음으로 데이터를 동적으로 반환하는

CoinLore

API

를 이용하도록 함수를 수정해보겠습니

다. 사용자는

API

에서 반환되는 항목의 수를 제한하는

limit

나 시작 지점을 설정하는

start

같은 조건을 추가할 수 있습니다.

시작하려면 먼저

Lambda

함수의

HTTP

엔드포인트와 통신할 방법이 필요합니다. 이 예제에

서는 브라우저와

Node

.

js

를 위한

Promise

기반

HTTP

클라이언트인

Axios

라이브러리를

사용하겠습니다.