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

59

3

장

첫 번째 애플리케이션 만들기

query {

getTodo(id: "0") {

name

completed

}

}

이 요청은 다음 응답을 반환합니다.

{

"data": {

"getTodo": {

"name": "buy groceries"

"completed": false

}

}

}

그래프

QL

서버를 구현하는 방법은 여러 가지가 있지만 이 책에서는

AWS

AppSync

를 사용

하겠습니다.

AppSync

는

Amplify

CLI

를 사용하여 그래프

QL

API

, 리졸버 및 데이터 소스를

빠르고 쉽게 배포할 수 있는 관리형 서비스입니다.

3.2

그래프

QL

API

생성

이제 그래프

QL

이 무엇인지 이해했으니 그래프

QL

을 사용하여 노트 애플리케이션을 만들어보

겠습니다.

먼저 새 리액트 애플리케이션을 만들고 필요한 종속성을 설치해야 합니다. 이 애플리케이션은

API

를 위한

AWS

Amplify

라이브러리, 고유한

id

생성을 위한

UUID

라이브러리, 스타일링

을 위한

Ant

Design

라이브러리를 사용합니다.

~ npx create-react-app notesapp

~ cd notesapp

~ npm install aws-amplify antd uuid

60

풀스택 서버리스

설치가 완료되면

Amplify

프로젝트를 만들겠습니다.

~ amplify init

? Enter a name ...