[typescript] 타입스크립트와 GraphQL을 함께 사용하는 구글 클라우드 플랫폼 연동 방법

15 Dec 2023

typescript

서론

이번 포스트에서는 타입스크립트(TypeScript)와 GraphQL을 함께 사용하여 구글 클라우드 플랫폼과의 연동 방법에 대해 다루겠습니다. GraphQL을 사용하면 구글 클라우드의 다양한 기능과 데이터를 효율적으로 사용할 수 있으며, 타입스크립트를 활용함으로써 코드의 안정성과 가독성을 높일 수 있습니다.

필수 패키지 설치

먼저, 필요한 패키지들을 설치해야 합니다.

npm install @google-cloud/graphql graphql graphql-request

타입스크립트 설정

프로젝트에서 타입스크립트를 사용하기 위해 tsconfig.json 파일을 설정합니다.

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "strict": true
  }
}

GraphQL 스키마 정의

다음으로, GraphQL 스키마를 정의해야 합니다. 이를 위해 .graphql 파일을 생성하고, 필요한 쿼리(Query)와 뮤테이션(Mutation)을 작성합니다.

# example.graphql

type Query {
  getProduct(id: ID!): Product
}

type Mutation {
  addProduct(input: ProductInput!): Product
}

type Product {
  id: ID!
  name: String!
  price: Float!
}

input ProductInput {
  name: String!
  price: Float!
}

GraphQL 요청 보내기

이제 GraphQL 요청을 보내는 방법을 알아봅시다. 아래는 타입스크립트에서 GraphQL 요청을 보내는 예시입니다.

import { request } from 'graphql-request';

const endpoint = 'YOUR_GRAPHQL_ENDPOINT';

const query = `
  query GetProduct($id: ID!) {
    getProduct(id: $id) {
      id
      name
      price
    }
  }
`;

const variables = { id: '123' };

request(endpoint, query, variables).then((data) => console.log(data));

위 예시에서는 graphql-request 패키지를 사용하여 GraphQL 요청을 보내고 있습니다.

결론

이제 타입스크립트와 GraphQL을 사용하여 구글 클라우드 플랫폼과의 연동하는 방법에 대해 알아보았습니다. 이를 통해 안정적이고 효율적인 방식으로 구글 클라우드의 기능 및 데이터를 활용할 수 있을 것입니다.

참고 자료

Google Cloud - GraphQL