Async / Await

async / await는 모야?

rest-API 또는 graphql-API 를 사용해서 해야할 일은 요청에 대한 응답으로 받은 객체(JSON)를 변수에 담아서 사용하는 것
여기서 응답 결과를 변수에 담아서 사용하려면!
통신이 완료될 때까지 기다려야한다!
그렇기 때문에 async / await를 활용하여 기다리는 것이다!

async / await 예시

import {useMutation, gql} from '@apollo/client'

const CREATE_BOARD = gql `
    mutation {
        createBoard(writer:"철수", title:"제목입니다~~", contents:"내용이에요!!!"){
            _id
            number
            message
        }
    }
`

export default function GraphqlMutationPage() {
    const [createBoard] = useMutation(CREATE_BOARD)


    const onClickGraphqlApi = async() => {
        const result = await createBoard()
        console.log(result)
    }

    return (
        <button onClick={onClickGraphqlApi}>GraphQl-API 요쳥하기!</button>
    )
}