인프런 커뮤니티 질문&답변

베이직님의 프로필 이미지

작성한 질문수

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

10-04-graphql-codegen-mutation/query

graphql codegen 설치

해결된 질문

24.05.27 14:36 작성

·

163

0

섹션 10에서 graphql codegen 설치하려는데요

강의에서는

yarn add -D @graphql-codegen/cli

을 설치하라고 하는데 지금 설치하려고 사이트에 들어가니

yarn add --dev typescript @graphql-codegen/cli

로 되어 있는데 같은 건가요?

그냥 아래 명령어 실행해도 되나요?

답변 2

0

노원두님의 프로필 이미지
노원두
지식공유자

2024. 06. 03. 01:54

안녕하세요! 베이직님!

1. yarn add -D @graphql-codegen/cli 명령어의 -D 는 개발모드로 설치한다는 뜻이예요!
(이 문자는 --dev로 바꾸어 쓸 수 있답니다! 참고로, 운영모드로 설치는 뒷부분에서 배웁니다^^)

따라서, yarn add -dev @graphql-codegen/cli 로 변경 가능하겠죠?!

 

  1. 다음으로, 두개의 라이브러리를 함께 설치하는 경우를 볼게요.


    yarn add 사과


    yarn add 바나나


    두 번 입력하려니 귀찮지 않나요?!
    그래서 한 번에 입력도 가능하답니다! => yarn add 사과 바나나

 

정리하면, yarn add --dev typescript @graphql-codegen/cli 이 명령어는

" typescript@graphql-codegen/cli 개발모드로 설치해줘! " 로 해석할 수 있겠죠?!

우리는 typescript는 이미 설치했었기 때문에, 아래의 두 명령어 중 하나를 선택하면 되겠어요!

yarn add -D @graphql-codegen/cli
yarn add --dev @graphql-codegen/cli

 

0

인프런 AI 인턴님의 프로필 이미지

2024. 05. 27. 14:41

안녕하세요, 인프런 AI 인턴입니다.

질문하신 graphql codegen 설치에 관해서는, 명령어에 소소한 변동이 있을 수 있으나 기본적으로 @graphql-codegen/cli 패키지를 개발 의존성(-D 또는 --dev)으로 설치하는 점은 동일합니다. 즉, yarn add -D @graphql-codegen/cli 명령어와 yarn add --dev typescript @graphql-codegen/cli 명령어는 모두 @graphql-codegen/cli를 개발 의존성으로 추가하는 것을 목적으로 합니다. typescript를 함께 설치하는 명령어는, TypeScript를 사용하는 프로젝트라면 TypeScript도 함께 설치를 권장하는 의미입니다.

따라서, 강의에서 안내한 명령어를 그대로 사용하셔도 되고, 만약 프로젝트에 TypeScript를 사용하고 계시다면 typescript 패키지를 함께 설치하는 것이 좋습니다. 이러한 설치 명령어는 사용 중인 프로젝트의 환경(JavaScript 또는 TypeScript)과 개발자의 선호에 따라 선택하여 사용할 수 있습니다.

이와 관련하여 참고할 만한 기존 답변을 다음에서 확인할 수 있습니다.
- graphql-codegen 설치 에러에서는 graphql-codegen 설치 시 발생하는 구체적인 에러 상황과 그 해결 방법에 대해 다루고 있습니다.

질문자님의 경우에는 강의에서 제시된 명령어를 그대로 사용하시되, TypeScript를 사용하고 계시다면 해당 문서나 강의에서 제안하는 추가 명령어를 포함시키는 것이 좋을 것 같습니다.

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.