This message was deleted.
# 질문s
Slackbot
12/07/2021, 2:02 AMThis message was deleted.
a
Alucard
12/07/2021, 2:03 AMgraphql-codegen 거의 많이 쓰는 것 같아요
Alucard
12/07/2021, 2:04 AM저는 위치는 컴포넌트 옆에 바로 생성되게 하고 있습니다 near-operation-file 프리셋 설정을 해서요
w
whatastunning
12/07/2021, 2:09 AM@Alucard https://www.graphql-code-generator.com/plugins/near-operation-file-preset 이 링크 말씀하시는게 맞을까요?? 제가 아직 이 방식 자체의 컨셉이 잘 와닿지 않아서 컴포넌트 옆에 생성된다는게 조금 이해가 안되기는 하는데 한번 직접 해보겠습니다! 추천 감사드려요! 🙇
a
Alucard
12/07/2021, 2:11 AM넵 디폴트로는 graphql.tsx 같은 파일 하나에 서버 schema 와 사용된 Operation 에 대한 generated type 과 query mutation 등이 전부 들어가게 되는데 나중에 몇십만 라인까지 커지게 되면 에디터에서 굉장히 느려지더라구요. 초반에는 그냥 써보시고 필요하시면 적용하셔도 될 듯 합니다
w
whatastunning
12/07/2021, 2:18 AM@Alucard 오 그렇군요 감사합니다!
한 가지만 더 여쭤봐도 될까요? 현재 프로젝트에서 호출해야 하는 백엔드 서버가 2가지인데, 각각 스키마가 다르게 구성되어 있습니다. 호출하는 서버에 따라 폴더를 나누어 파일을 관리하신적이 있으실까요?
a
Alucard
12/07/2021, 2:20 AM네 codegen.yml 파일 내에서 generates: 옵션 하위에 per output 레벨로 구성해서 각각 schema옵션을 먹일 수 있습니다 예를 들어서
Alucard
12/07/2021, 2:21 AM Copy code
generates:
generated/graphql.tsx:
schema:
- <http://localhost:5000/graphql>
documents:
- ...
generated/graphql2.tsx:
schema:
- <http://localhost:3000/graphql>
documents:
- ...Alucard
12/07/2021, 2:21 AM이런식입니다
w
whatastunning
12/07/2021, 2:31 AM너무 많은 도움이 되었습니다! 감사드려요! 🙇
a
Alucard
12/07/2021, 2:32 AM🙇♂️
t
Tony Won
12/07/2021, 4:06 AM
별도의 타입을 작성해주는 작업이 이중작업이라고 느껴져 찾아보던 중 스키마에 맞춰 타입을 gen 해주는 라이브러리가 있다는 사실을 알게 되었습니다.코드젠의 축복을 이제서야 아시게 되셨군요... ㅋㅋ
현재 프로젝트에서 호출해야 하는 백엔드 서버가 2가지인데, 각각 스키마가 다르게 구성되어 있습니다.스키마 스티칭이라는 솔루션도 있습니다~ (여러개의 스키마를 하나의 스키마로 합쳐줌) https://www.graphql-tools.com/docs/schema-stitching/stitch-combining-schemas 번들사이즈가 커서;;; 클라이언트에서 사용하기는 좀 무리가 있는데 혹시 필요하시면 도입해보셔도 좋을거같습니다. (사실 저희는 클라이언트에서도 쓰고있어요)
Tony Won
12/07/2021, 4:07 AM
Copy code
const schema = stitchSchemas({
subschemas: [
{
schema: remoteSchema1,
async executor({ document, variables }) {
// ...
return data
},
},,
{
schema: remoteSchema2,
async executor({ document, variables }) {
// ...
return data
},
},
],
})a
Alucard
12/07/2021, 4:29 AM@Tony Won 오 혹시 만약에 타입 이름같은게 겹치면 특정 네이밍룰로 자동 변환되나요 ?
t
Tony Won
12/07/2021, 5:08 AM
네임스페이스 옵션이 있을거에요 ㅎㅎ
Tony Won
12/07/2021, 5:09 AM
Tony Won
12/07/2021, 5:09 AM
RenameTypes 보시면 될거같아요~ ㅎㅎ
a
Alucard
12/07/2021, 5:56 AM아하~ 감사합니다!
w
whatastunning
12/07/2021, 3:12 PM오! 스키마 스티칭이라는 개념도 있군요 처음 알았습니다 ㅎㅎ 감사해요 🙏🙏🙏
whatastunning
12/07/2021, 3:35 PM저희가 apollo 사용하고 있는데 혹시 apollo-tooling에서 제공하는 codegen 기능은 추천하지 않으시나요?? https://github.com/apollographql/apollo-tooling#code-generation
whatastunning
12/07/2021, 3:36 PMt
Tony Won
12/08/2021, 1:13 AM
저희가 apollo 사용하고 있는데 혹시 apollo-tooling에서 제공하는 codegen 기능은 추천하지 않으시나요??넵 graphql-code-generator가 훨씬 좋습니다
Tony Won
12/08/2021, 1:14 AM
Apollo가 잘 못 만들어요 (속닥속닥) ㅠ
😂 1
👌 2
w
whatastunning
12/09/2021, 4:31 AM와 한번 해보니 graphql-code-generator는 hook까지 만들어주네요;; 감사히 잘 쓰겠습니다
t
Tony Won
12/09/2021, 7:21 AM
@whatastunning fragment까지 꼭 사용해보시길 바래요~~~
2 Views