async, await

rest API 또는 graphql 에서 요청에 대한 응답으로 받은 JSON객체는 변수에 담겨서 사용되어야 한다.

여기서 우리가 보낸 API에 대한 응당을 기다려야하는데, 이 때 쓰이는 것이 aysnc, await 이다.

// mutation에 동기식 처리
async function handleClickPost(){
		const result = await createBoard({variables:
            {aaa: "훈이",bbb:"1234",ccc: "안녕하세요 훈이에요",ddd: "반갑습니다"}})
		console.log(result) //결과 콘솔에 찍어보기
}

return (
	<button onClick={handleClickPost}>게시물 등록</button>
)

화살표 함수의 형태로 사용할 때 async의 위치는 () 앞이다.

// 비동기 통신
async function 함수명() {
	// 서버에 요청하는 코드
}


// 동기 통신
async function 함수명
() {
	await // 서버에 요청하는 코드
}
--------------------------------------------------------------------------------
// 화살표 함수의 경우
const 함수명 = async () => {
	await // 서버에 요청하는 코드
}