**📌 수업관련 백엔드 주소 📌

API 응답 데이터의 타입은 어떻게 할까?

rest-api는 타입스크립트를 적용하게 되면 어느정도 일일히 손으로 만들어 주셔야 하는 부분이 많습니다.

하지만 graphql 같은 경우는 graphql-codegen을 이용해 명령어 하나로 만들어줍니다. 따라서 굉장히 간편하게 만들 수 있습니다.


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 를 클릭해 주세요.

스크린샷 2022-02-18 오전 10.18.16.png

1-4) 좌측 메뉴의 Installation을 클릭해 주세요.

스크린샷 2022-02-18 오전 10.20.50.png

1-5) 각자의 패키지 매니저에 맞는 명령어를 복사후 class 폴더의 위치에서 붙여넣어 줍니다. yarn : yarn add -D @graphql-codegen/cli

그리고 우리는 이것을 바탕으로 타입스크립트를만들어 낼 것이기 때문에 뒤에 cli를 지운 후 tyscript를 입력해줍니다.