API, Database/GraphQL

[GraphQL] Apollo-Client / useQuery data 이름 변경하는 방법

useQuery의 기본 형태 Apollo-client의 useQuery 기본 형태는 다음과 같다. // 예시는 게시판 댓글 목록을 읽어오는 API const { data } = useQuery(FETCH_BOARD_COMMENTS, { variables: { boardId: String(router.query.new) } }) // FETCH_BOARD_COMMENTS는 지정해준 함수명 // boardId: String(router.query.new)는 useQuery시 필요한 key와 value useMutation과는 다르게 useQuery의 경우 { data } 부분이 고정되어있다. 하지만 중복 등의 이유로 이 data의 이름을 변경해야 하는 상황이 발생할 수 있다. 그런 경우에 어떻게 변경할 수 ..

[GraphQL] Apollo-Client로 API 읽어오기 (Query)

Query 메소드란? GraphQl의 경우 기존의 Rest-API와 CRUD 메소드에 차이가 있다. Rest-API GraphQL-API 생성 Create POST MUTATION 수정 Update PUT 삭제 Delete DELETE 조회 Read GET QUERY Mutation의 경우 지난번에 apollo-client로 간단하게 사용하는 법을 포스팅한 적이 있다. (https://guuumi.tistory.com/50) 이번에는 Query를 수행하는 방법을 확인해보자. Apollo-client로 graphQL Query 수행 기본적인 import 및 gql을 활용해서 API 이름을 지정해주는 방법은 useMutation과 동일하다. 다른 부분은 작동함수 라인이다. const [ qqq ] = use..