[코드캠프 2주차]GRAPHQL-CODEGEN

민범기·2022년 3월 25일
0

[GRAPHQL-CODEGEN]

타입스크립트를 사용하면 데이터들의 대한 타입도 일일이 지정을 해줘야 한다.
직접 손으로 타이핑 하면서 지정을 해줄수 있지만 보내주는 데이터가 너무 방대하면 일일이 타입을 지정해주기가 매우 번거롭다. 이러한 이슈를 피하기 위해서 GRPAHQL-CODEGEN을 설치한 후 자동으로 타입들을 지정해 준다.

[GraphQL code generator??]

*.graphql 의 파일에 존재하는 스키마와 쿼리를 바탕으로, 다양한 언어에 맞게 타입, 혹은 코드 자체를 생성해준다. 파일의 구조는 아래와 같다.

해당 스키마에 명시된 백엔드 주소로 접근해서 typeScript 형식으로 타입을 지정한 후, generates에서 해당 스키마로 부터 변경된 타입들을 generates 경로에 지정된 곳으로 ts 파일을 저장시켜준다.
아래의 config는 각각의 타입들에 대한 앞글자가 I로 시작되도록 세팅을 해주었다.

profile
프론트엔드 개발 지망생 민범기입니다^^

0개의 댓글