Superagent란?

Superagent는 Node.js 및 브라우저용 완전한 유연한 HTTP 클라이언트 라이브러리입니다. 이를 사용하면 쉽게 HTTP 요청을 생성하고, 응답을 처리할 수 있습니다.

시작하기

먼저 프로젝트에 Superagent를 설치합니다.

npm install superagent

GraphQL 쿼리를 서버에 보내기 위해 Superagent를 사용할 수 있습니다. GraphQL 쿼리를 정의하고, Superagent를 사용하여 서버에 전송하는 방법을 살펴봅시다.

import * as request from 'superagent';

const query = `
  query {
    users {
      id
      name
    }
  }
`;

request
  .post('/graphql')
  .send({ query })
  .set('Content-Type', 'application/json')
  .end((err, res) => {
    if (err) {
      console.error(err);
      return;
    }
    console.log(res.body);
  });

위 코드에서는 Superagent를 사용하여 GraphQL 쿼리를 서버에 보내는 방법을 보여줍니다. query 변수에 GraphQL 쿼리를 정의하고, .post()를 사용하여 서버의 엔드포인트에 POST 요청을 보냅니다. .send()를 사용하여 쿼리를 전송하고, .set()을 사용하여 콘텐츠 타입을 설정합니다. 마지막으로 .end()를 사용하여 요청을 완료하고, 응답을 처리합니다.

결론

이제 TypeScript 프로젝트에서 Superagent를 사용하여 GraphQL API를 호출하는 방법에 대해 알아보았습니다. Superagent를 사용하면 간편하게 HTTP 요청을 처리할 수 있으며, GraphQL API 호출에도 유용하게 사용할 수 있습니다.

참고 자료

그럼 좋은 하루 되세요!