GraphQL과 Apollo 일곱번째 이야기 - GraphQL Data Type에 대해 알아보아요 😀

GraphQL과 Apollo 일곱번째 이야기 - GraphQL Data Type에 대해 알아보아요 😀

2023. 11. 20. 22:39ㆍBack-End 작업실/기타 참고 자료

728x90

카카오페이 | 마음 놓고 금융하다

여기를 눌러 링크를 확인하세요.

qr.kakaopay.com

GraphQL과 타입스크립트로 개발하는 웹 서비스:설계부터 개발·배포까지 따라 하며 완성하는 웹 풀

COUPANG

www.coupang.com

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

🗂 목차

🤔 내가 만난 문제

⚠️ [Nest.js] TypeORM Table 관계가 맺어졌을 때, Seeding (feat. Migration)
⚠️ [Spring Boot 3.0] Could not resolve org.springframework.boot:spring-boot-gradle-plugin
⚠️ [Spring Boot 3] Spring Doc(Swagger) White Label Error

📋 부록

🔍 [Nest.js] 초기 환경 구성 (feat. TypeORM, QueryBuilder, GraphQL, Apollo)
🔍 [SOLID][Nest.js][Java + Spring] Interface를 활용한 결합도 분리 (Interface를 이용한 Dependency Injection - DI)

🚀 GraphQL과 Apollo 일곱번째 이야기

🔽 GraphQL Data Type에 대해 알아보아요 😀

📦 Scala Type

이번에는 GraphQL에서 사용되는 Type 즉, 자료형에 대해 공부해 보려고 해요.

이 전 시간에 구성했던 프로젝트를 그대로 사용해서 공부해 볼게요.

최초 Equipments.js에서 Equipment Schema를 보면 아직 Type을 알기 전이였기 때문에 일단 String과 Integer로만 Schema를 표현한 걸 볼 수 있어요.

여기에 다양한 Type을 먼저 이용해 볼게요.

equipments.js 12 ~ 18번째 줄에 새로운 Type을 추가해 주었어요.

GraphQL에서 주어지는 내장된 기본 자료형 Type을 Scala Type이라고 해요.

자료형 타입	설명
ID	기본적으로 String(문자열)이지만, 고유 식별자 표현.
String	UTF-8 문자열
Int	부호가 있는 32Bit 정수
Float	부호가 있는 부동소수점
Boolean	True or False(참과 거짓)

String과 Int, Boolean은 쉬우닌까 넘어가고, ID는 컴퓨터 내부적으로는 String 자료형으로 동작하는데, 이는 개발자들에게 데이터의 고유 식별자를 나타내기 위한 약속이라고 보면 돼요.

음.. 데이터베이스로 예를 들면 PK(Primary Key)와 같은 개념이에요.
즉, Unique(유일) 해야한다는 거에요.

Float은 소수점 형태의 숫자를 나타내기 위한 자료형이에요.

근데! 느낌표(!)는 뭘까요?
느낌표가 붙은 것은 Non Null이라는 의미로 Null이 반환할 수 없다는 의미에요.
즉, Null Safety 하게 사용하기 위함이에요.

만약 느낌표를 붙혔는데, Null이 반환되면 Error가 터져버릴거에요.

한가지 주목해야 할 점은 위와 같이 Schema를 만들어 버리면 기존에 반환되는 데이터와 자료형 Type이 달라지게 될거에요.
왜냐하면 Float, Boolean Type의 자료형이 기존 반환값에는 없기 때문이에요.

이를 처리하기 위해 적절한 resolver를 작성해 보도록 할게요.

728x90

const resolvers = {
    Query: {
        equipments: (parent, args) => dbWorks.getEquipments(args),

        equipmentAdvs: (parent, args) => dbWorks.getEquipments(args).map((equipment) => {
            if (equipment.used_by === 'developer') {
                equipment.use_rate = Math.random().toFixed(2);
            }

            equipment.is_new = equipment.new_or_used === 'new';
            return equipment;
        })
    },

    Mutation: {
        deleteEquipment: (parent, args) => dbWorks.deleteItem('equipments', args),
    }
}

위와 같이 equipmentAdvs를 만들어 주었어요.

코드를 분석해 보면

기존에 위와 같이 반환되던 데이터를 추출해 각각 map()을 이용하여 used_by가 'developer' 인지 확인하고,
맞다면 use_rate라는 항목을 Random으로 만들어 넣어주고, use_new라는 항목을 추가해 new_or_used가 'new'라면 참을 반환하고, 아니면 거짓을 반환하도록 해준 부분이에요.

여기까지만 해놨다면 터미널은 난리가 났을거에요. 왜냐하면 Root Query Type에 지정하지 않았기 때문이에요.

const { gql } = require('apollo-server')

const typeDefs = gql`
    type Query {
        equipments: [Equipment],
        supplies: [Supply],
        equipmentAdvs: [EquipmentsAdv]
    }
`

module.exports = typeDefs

위와 같이 7번째 줄에 해당 내용을 추가해 주었어요.

query {
  equipmentAdvs {
    id
    used_by
    count
    use_rate
    is_new
  }
}

{
  "data": {
    "equipmentAdvs": [
      {
        "id": "machanical keyboard",
        "used_by": "developer",
        "count": 24,
        "use_rate": 0.65,
        "is_new": false
      },
      {
        "id": "pen tablet",
        "used_by": "designer",
        "count": 15,
        "use_rate": null,
        "is_new": false
      },
      {
        "id": "notebook",
        "used_by": "planner",
        "count": 37,
        "use_rate": null,
        "is_new": true
      },
      {
        "id": "ergonomic mouse",
        "used_by": "designer",
        "count": 31,
        "use_rate": null,
        "is_new": false
      },
      {
        "id": "dual monitor",
        "used_by": "developer",
        "count": 20,
        "use_rate": 0.6,
        "is_new": false
      },
      {
        "id": "whiteboard",
        "used_by": "planner",
        "count": 12,
        "use_rate": null,
        "is_new": false
      },
      {
        "id": "sketchboard",
        "used_by": "designer",
        "count": 48,
        "use_rate": null,
        "is_new": true
      }
    ]
  }
}

위와 같이 Query를 날려보면 위와 같이 응답이 오는걸 확인할 수 있어요.

잠깐! 근데 use_rate에 Null이 있음에도 불구하고, Error가 나지 않는 이유는 무엇일까요?

그건 바로 Schema에서 위와 같이 use_rate 자료형에 느낌표(!)를 넣지 않았기 때문이에요.

위와 같이 느낌표(!)를 붙이고, 다시 요청을 보내보면 어떻게 될까요?

{
  "errors": [
    {
      "message": "Cannot return null for non-nullable field EquipmentsAdv.use_rate.",
      "locations": [
        {
          "line": 6,
          "column": 5
        }
      ],
      "path": [
        "equipmentAdvs",
        1,
        "use_rate"
      ],
      "extensions": {
        "code": "INTERNAL_SERVER_ERROR",
        "exception": {
          "stacktrace": [
            "Error: Cannot return null for non-nullable field EquipmentsAdv.use_rate.",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:561:13)",
            "    at resolveField (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:474:19)",
            "    at executeFields (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:294:18)",
            "    at collectAndExecuteSubfields (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:749:10)",
            "    at completeObjectValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:739:10)",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:592:12)",
            "    at /Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:626:25",
            "    at from (<anonymous>)",
            "    at completeListValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:613:49)",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:574:12)"
          ]
        }
      }
    },
    {
      "message": "Cannot return null for non-nullable field EquipmentsAdv.use_rate.",
      "locations": [
        {
          "line": 6,
          "column": 5
        }
      ],
      "path": [
        "equipmentAdvs",
        2,
        "use_rate"
      ],
      "extensions": {
        "code": "INTERNAL_SERVER_ERROR",
        "exception": {
          "stacktrace": [
            "Error: Cannot return null for non-nullable field EquipmentsAdv.use_rate.",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:561:13)",
            "    at resolveField (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:474:19)",
            "    at executeFields (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:294:18)",
            "    at collectAndExecuteSubfields (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:749:10)",
            "    at completeObjectValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:739:10)",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:592:12)",
            "    at /Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:626:25",
            "    at from (<anonymous>)",
            "    at completeListValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:613:49)",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:574:12)"
          ]
        }
      }
    },
    {
      "message": "Cannot return null for non-nullable field EquipmentsAdv.use_rate.",
      "locations": [
        {
          "line": 6,
          "column": 5
        }
      ],
      "path": [
        "equipmentAdvs",
        3,
        "use_rate"
      ],
      "extensions": {
        "code": "INTERNAL_SERVER_ERROR",
        "exception": {
          "stacktrace": [
            "Error: Cannot return null for non-nullable field EquipmentsAdv.use_rate.",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:561:13)",
            "    at resolveField (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:474:19)",
            "    at executeFields (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:294:18)",
            "    at collectAndExecuteSubfields (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:749:10)",
            "    at completeObjectValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:739:10)",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:592:12)",
            "    at /Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:626:25",
            "    at from (<anonymous>)",
            "    at completeListValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:613:49)",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:574:12)"
          ]
        }
      }
    },
    {
      "message": "Cannot return null for non-nullable field EquipmentsAdv.use_rate.",
      "locations": [
        {
          "line": 6,
          "column": 5
        }
      ],
      "path": [
        "equipmentAdvs",
        5,
        "use_rate"
      ],
      "extensions": {
        "code": "INTERNAL_SERVER_ERROR",
        "exception": {
          "stacktrace": [
            "Error: Cannot return null for non-nullable field EquipmentsAdv.use_rate.",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:561:13)",
            "    at resolveField (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:474:19)",
            "    at executeFields (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:294:18)",
            "    at collectAndExecuteSubfields (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:749:10)",
            "    at completeObjectValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:739:10)",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:592:12)",
            "    at /Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:626:25",
            "    at from (<anonymous>)",
            "    at completeListValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:613:49)",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:574:12)"
          ]
        }
      }
    },
    {
      "message": "Cannot return null for non-nullable field EquipmentsAdv.use_rate.",
      "locations": [
        {
          "line": 6,
          "column": 5
        }
      ],
      "path": [
        "equipmentAdvs",
        6,
        "use_rate"
      ],
      "extensions": {
        "code": "INTERNAL_SERVER_ERROR",
        "exception": {
          "stacktrace": [
            "Error: Cannot return null for non-nullable field EquipmentsAdv.use_rate.",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:561:13)",
            "    at resolveField (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:474:19)",
            "    at executeFields (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:294:18)",
            "    at collectAndExecuteSubfields (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:749:10)",
            "    at completeObjectValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:739:10)",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:592:12)",
            "    at /Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:626:25",
            "    at from (<anonymous>)",
            "    at completeListValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:613:49)",
            "    at completeValue (/Users/junyss/Programming/study/yalco-inflearn-graphql-apollo/3-1-server-modularized/node_modules/graphql/execution/execute.js:574:12)"
          ]
        }
      }
    }
  ],
  "data": {
    "equipmentAdvs": [
      {
        "id": "machanical keyboard",
        "used_by": "developer",
        "count": 24,
        "use_rate": 0.71,
        "is_new": false
      },
      null,
      null,
      null,
      {
        "id": "dual monitor",
        "used_by": "developer",
        "count": 20,
        "use_rate": 0.45,
        "is_new": false
      },
      null,
      null
    ]
  }
}

위와 같이 Error가 반환되는 걸 확인할 수 있어요.
Error 내용을 보면 EquipmentsAdv의 use_rate가 Null을 반환하면 안되는데, Null을 반환해서 문제라는 걸 확인할 수 있어요.

📦 Enum Type

이번에는 Enum(열거형) 자료형에 대해 알아보도록 할게요.
열거형 자료형은 미리 정해둔 특정 값만 반환하려고 할 때, 사용하는 자료형이에요.

query {
  equipments {
    id
    new_or_used
    count
    used_by
  }
  equipmentAdvs{
    id
    used_by
    count
    use_rate
    is_new
  }
}

{
  "data": {
    "equipments": [
      {
        "id": "machanical keyboard",
        "new_or_used": "used",
        "count": 24,
        "used_by": "developer"
      },
      {
        "id": "pen tablet",
        "new_or_used": "used",
        "count": 15,
        "used_by": "designer"
      },
      {
        "id": "notebook",
        "new_or_used": "new",
        "count": 37,
        "used_by": "planner"
      },
      {
        "id": "ergonomic mouse",
        "new_or_used": "used",
        "count": 31,
        "used_by": "designer"
      },
      {
        "id": "dual monitor",
        "new_or_used": "used",
        "count": 20,
        "used_by": "developer"
      },
      {
        "id": "whiteboard",
        "new_or_used": "used",
        "count": 12,
        "used_by": "planner"
      },
      {
        "id": "sketchboard",
        "new_or_used": "new",
        "count": 48,
        "used_by": "designer"
      }
    ],
    "equipmentAdvs": [
      {
        "id": "machanical keyboard",
        "used_by": "developer",
        "count": 24,
        "use_rate": 0.42,
        "is_new": false
      },
      {
        "id": "pen tablet",
        "used_by": "designer",
        "count": 15,
        "use_rate": null,
        "is_new": false
      },
      {
        "id": "notebook",
        "used_by": "planner",
        "count": 37,
        "use_rate": null,
        "is_new": true
      },
      {
        "id": "ergonomic mouse",
        "used_by": "designer",
        "count": 31,
        "use_rate": null,
        "is_new": false
      },
      {
        "id": "dual monitor",
        "used_by": "developer",
        "count": 20,
        "use_rate": 0.75,
        "is_new": false
      },
      {
        "id": "whiteboard",
        "used_by": "planner",
        "count": 12,
        "use_rate": null,
        "is_new": false
      },
      {
        "id": "sketchboard",
        "used_by": "designer",
        "count": 48,
        "use_rate": null,
        "is_new": true
      }
    ]
  }
}

equiments 반환값을 확인해 보면 used_by의 경우 개발자나 디자이너 혹은 기획자 딱 세가지만 있는걸 확인할 수 있어요.
또한, new_or_used를 보면 used 혹은 new로만 반환되는 걸 확인할 수 있어요.

이럴때는 열거형 자료형을 사용해 주면 아주 좋아요.

최초 위와 같이 _enums.js를 만들어 줄게요.

const { gql } = require('apollo-server');
const typeDefs = gql`
    enum Role {
        developer,
        designer,
        planner
    }
    
    enum NewOrUsed {
        new, used
    }`

module.exports = typeDefs;

위와 같이 코드를 입력해 주었어요.

이 전까지는 위와 같이 Type이라고 선언한 Schema와 달리 앞에 enum을 붙혀주었고, 그 안에 반환될 문자열을 입력한 것을 확인할 수 있어요.

index.js 8번째 줄에 _enums.js에서 내보내기한 typeDefs 객체를 받아 enums라는 상수 변수에 담고, 이를 typeDefs라는 상수 배열 변수에 담아주었어요.

equipments.js에 7, 9, 14번째줄에 위에서 만든 열거형 자료형을 반환할 수 있도록 선억해 주었어요.

다시 Playgroud에서 Query를 날려보면 동일하지만, 정상적으로 결과값을 받아오는 걸 확인할 수 있어요.

Mock 데이터베이스에서 2번째 줄과 같이 기존에 developer를 developers로 바꾸고 다시 테스트 해보면 어떻게 될까요?

위와 같이 Error가 반환되는데, Error 내용은 Enum의 Role은 develpers를 반환할 수 없어요! 라고 나오는 걸 확인할 수 있어요.

📦 List Type

이번에는 List Type에서 알아볼게요.
이 자료형은 배열을 반환하게 되는데, 이미 지난 글에서 알아보긴 했었어요.

위와 같이 18번째 줄에 users: [String!]을 추가해 주었는데, 사용자들에 대한 데이터를 문자열 배열로 반환 받을 수 있도록 해볼게요.

const resolvers = {
    Query: {
        equipments: (parent, args) => dbWorks.getEquipments(args),

        equipmentAdvs: (parent, args) => dbWorks.getEquipments(args).map((equipment) => {
            if (equipment.used_by === 'developer') {
                equipment.use_rate = Math.random().toFixed(2);
            }

            equipment.is_new = equipment.new_or_used === 'new';

            if (Math.random() > 0.5) {
                equipment.users = [];
                dbWorks.getPeople(args).forEach((person) => {
                    if (person.role === equipment.used_by && Math.random() < 0.2) {
                        equipment.users.push(person.last_name);
                    }
                })
            }

            return equipment;
        })
    },

    Mutation: {
        deleteEquipment: (parent, args) => dbWorks.deleteItem('equipments', args),
    }
}

equipments.js에 resolver에 위와 같이 코드를 추가해 주었어요.

위 코드는 50% 확률로 equipment 항목에 User라는 배열을 추가한 다음 사람들 중 역할이 equipment.used_by에 일치하는 사람들 중 20% 확률로 해당 배열을 추가하라는 의미에요.

query {
  equipmentAdvs {
    id
    used_by
    count
    use_rate
    is_new
    users
  }
}

{
  "data": {
    "equipmentAdvs": [
      {
        "id": "machanical keyboard",
        "used_by": "developer",
        "count": 24,
        "use_rate": 0.91,
        "is_new": false,
        "users": null
      },
      {
        "id": "pen tablet",
        "used_by": "designer",
        "count": 15,
        "use_rate": null,
        "is_new": false,
        "users": [
          "Reynolds",
          "Simpson"
        ]
      },
      {
        "id": "notebook",
        "used_by": "planner",
        "count": 37,
        "use_rate": null,
        "is_new": true,
        "users": null
      },
      {
        "id": "ergonomic mouse",
        "used_by": "designer",
        "count": 31,
        "use_rate": null,
        "is_new": false,
        "users": null
      },
      {
        "id": "dual monitor",
        "used_by": "developer",
        "count": 20,
        "use_rate": 0.69,
        "is_new": false,
        "users": [
          "Adams"
        ]
      },
      {
        "id": "whiteboard",
        "used_by": "planner",
        "count": 12,
        "use_rate": null,
        "is_new": false,
        "users": null
      },
      {
        "id": "sketchboard",
        "used_by": "designer",
        "count": 48,
        "use_rate": null,
        "is_new": true,
        "users": [
          "Reynolds",
          "Willson",
          "Bennett",
          "Jones",
          "Cole",
          "Fisher",
          "Lawrence"
        ]
      }
    ]
  }
}

위와 같이 Query Request를 던져보면 users 라는 배열이 반환되는 걸 볼 수 있고, 어떤 객체는 Null로 반환되고, 어떤 객체는 사람 이름이 문자열로 담긴 배열이 반환되는 걸 확인할 수 있어요.

위에서 이야기 한대로 50% 확률에 들지 못한 데이터는 Users에 Null이 담기는 거에요.

선언부	users: null	users: [ ]	users: [ ..., null ]
[String]	✅	✅	✅
[String!]	✅	✅	❌
[String]!	❌	✅	✅
[String!]!	❌	✅	❌

위 표와 같이 문자열 배열을 나타낸다고 했을 때, 느낌표가 안 붙을 수도 있고, 배열 안쪽에 붙을 수도 있고, 바깥쪽에 붙일수도 있고, 안쪽과 바깥쪽 모두 붙일 수도 있어요.

느낌표가 붙지 않았다면 Users 객체는 Null이 될 수 있고, 혹은 그 안에 배열은 들어가지만 배열 요소 중에 Null이 들어갈 수도 있어요.

만약 배열 안에 느낌표가 붙었다면 이 배열 안에 있는 요소는 절대 Null이 들어갈 수 없어요.
참고로 배열이 비었다는 것과는 상관이 없어요. 배열이 비었다는 것과 그 배열 안에 요소가 Null이라는 것은 아예 다른 이야기이기 때문이에요.

배열 바깥에 느낌표가 붙었다면 이건 배열에 느낌표가 붙은건데, Users라는 객체에 Null이 들어갈 수 없다는 의미에요.
이 역시 배열이 비었다는 것과는 다른 의미에요. 빈 배열이 들어 있는 건 허용이지만, Null이 오면 안되는 것이에요.

마지막으로 안쪽과 바깥 쪽 모두 느낌표가 붙었다면 users 객체도 그렇고, 배열 요소도 모두 Null이 올 수 없다는 의미이고, 빈 배열은 들어갈 수 있다는 의미에요.

📦 Object Type

이미 우리가 계속 사용했던 자료형이에요. 이는 사용자에 의해 정의된 객체 자료형이라고 할 수 있어요.

바로 위와 같이 선언한 Schema Type이 객체 자료형인 것이에요.

즉, GraphQL을 사용할 때, Scala Type으로 이뤄진 여러 객체 Type들을 정의해서 서버를 구성할 수 있는 거에요.

GraphQL과 타입스크립트로 개발하는 웹 서비스:설계부터 개발·배포까지 따라 하며 완성하는 웹 풀

COUPANG

www.coupang.com

"이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다."

🧐 참고 자료

해당 내용은 아래 강의를 공부하면서 정리한 내용임을 알려 드립니다.

[무료] 얄팍한 GraphQL과 Apollo - 인프런 | 강의

⚡ 짧고 굵은 전체 90분 강좌! 사이트의 코드들을 복붙하며 빠르게 GraphQL을 배우고 아폴로 사용법을 익히세요., ⏱ 여러분의 시간은 소중합니다. [사진] 🎢 GraphQL이 뭔가요? 서비스를 구성하는

www.inflearn.com

카카오페이 | 마음 놓고 금융하다

여기를 눌러 링크를 확인하세요.

qr.kakaopay.com

728x90

저작자표시 비영리 변경금지

'Back-End 작업실 > 기타 참고 자료' 카테고리의 다른 글

[SOLID][Nest.js][Java + Spring] Interface를 활용한 결합도 분리 (Interface를 이용한 Dependency Injection - DI) (4)	2023.12.06
GraphQL과 Apollo 여덟번째 이야기 - GraphQL Union과 Interface 그리고 인자와 인풋 타입에 대해 알아보아요 😀 (0)	2023.11.21
GraphQL과 Apollo 여섯번째 이야기 - GraphQL Module화에 대해 알아보아요 😀 (0)	2023.11.20
GraphQL과 Apollo 다섯번째 이야기 - GraphQL을 간단하게 구현해 보아요 😀 (0)	2023.11.19
GraphQL과 Apollo 네번째 이야기 - Apollo란? (0)	2023.11.17

Juny's ITLog

Juny's ITLog

태그

최근글

댓글

공지사항

아카이브

🗂 목차

🤔 내가 만난 문제

📋 부록

🚀 GraphQL과 Apollo 일곱번째 이야기

🔽 GraphQL Data Type에 대해 알아보아요 😀

📦 Scala Type

📦 Enum Type

📦 List Type

📦 Object Type

🧐 참고 자료

해당 내용은 아래 강의를 공부하면서 정리한 내용임을 알려 드립니다.

'Back-End 작업실 > 기타 참고 자료' 카테고리의 다른 글

관련글

티스토리툴바

Juny's ITLog

태그

최근글

댓글

공지사항

아카이브

🗂 목차

🤔 내가 만난 문제

📋 부록

🚀 GraphQL과 Apollo 일곱번째 이야기

🔽 GraphQL Data Type에 대해 알아보아요 😀

📦 Scala Type

📦 Enum Type

📦 List Type

📦 Object Type

🧐 참고 자료

해당 내용은 아래 강의를 공부하면서 정리한 내용임을 알려 드립니다.

'Back-End 작업실 > 기타 참고 자료' 카테고리의 다른 글

관련글

티스토리툴바

🧐 참고 자료