rest-api의 경우에는 CRUD(Create, Update, Delete, Read)를 하기 위해서 각 명령어를 Post, Put, Delete, Get을 사용한다.
graphql-api의 경우에는 CUD(Create, Update, Delete)를 하기 위해선 Mutation을 사용하며 조회(Read)의 경우에는 Query를 사용한다.
graphql을 vscode에서 사용을 하기 위해서는 apollo-client라는 도구가 필요하다.
apollo-client를 설치한 후, 사용하기 위해 처음 1번 셋팅이 필요한데 일반적인 위치는 _apps.js 이다.
rest-API 또는 graphql-API를 사용해서 해야할 일은 요청에 대한 응답으로 받은 객체(JSON)를 변수에 담아서 사용하는 것이다.
여기서 응답 결과를 변수에 담아서 사용하려면 통신이 완료될때까지 기다려야 하므로,
async / await를 활용해야한다.
다음은 화살표 함수로 사용할때
비동기 통신과 동기 통신은 await의 유무로 나뉘게 된다.
await를 사용해 결과를 받아올때까지 기다리게 되면 결과값은 아래와 같이 달리 나타내준다.