우리는 지금까지 백엔드에서 받아오는 API의 응답 데이터 타입에 대해서는 생각해본적이 없었습니다.
하지만 조금 더 완벽한 타입스크립트를 사용하기 위해서는 당연히 신경써야 하는 부분입니다.
따라서 우리는 백엔드에서 보내주는 API 응답 데이터의 타입을 손쉽게 받아오는 방법에 대해 알아보도록 하겠습니다.
rest-api는 타입스크립트를 적용하게 되면 어느정도 일일히 손으로 만들어 주셔야 하는 부분이 많습니다.
하지만 graphql 같은 경우는 graphql-codegen을 이용해 명령어 하나로 만들어줍니다. 따라서 굉장히 간편하게 만들 수 있습니다.
1-1) class 폴더와 freeboard_frontend 폴더 두군데 모두 설치를 시작합니다.
1-2) graphql-code-generator 홈페이지 접속(**https://www.graphql-code-generator.com/**) 또는 구글에서 graphql-codegen을 검색해 주세요.
1-3) Try It Now 를 클릭해 주세요.
1-4) 좌측 메뉴의 Installation을 클릭해 주세요.
1-5) 각자의 패키지 매니저에 맞는 명령어를 복사해줍니다.
npm : npm install @graphql-codegen/cli
yarn : yarn add @graphql-codegen/cli