Fragment(GraphQL)

fragment

• 재사용이 가능한 한 단위
• Query나 Mutation을 작성할 때, 반복해서 사용하는 부분은 fragment로 만들어서 사용하는 것이 효율적임

• Ex)
  - fragment 작성

		import { gql } from "@apollo/client";
		
		export const CAFE_FRAGMENT = gql`
  			fragment CafeParts on CAFE {
    			id
                name
                address
             }
		`;

- fragment 사용

       import { gql } from "@apollo/client";

       const SEARCH_CAFE = gql`
         query searchCafe($input: SearchCafeInput!) {
           searchCafe(input: $input) {
             ok
             error
             cafes {
               ...CafeParts
             }
           }
         }
         ${CAFE_FRAGMENT}
       `;

• 만약 apollo.config.js에서 tsx만 include되어 있다면 ts파일도 될 수 있도록 수정해주어야 함