graphql/graphiql

어떤 프로젝트인가요?

핵심 기능

• 01스키마를 탐색할 수 있는 Doc Explorer가 포함된 브라우저 기반 GraphiQL IDE.
• 02GraphQL 스키마를 인식해 유효성 검사와 자동 완성을 제공하는 언어 서비스.
• 03IDE에 GraphQL 지원을 연동하기 위한 LSP 서버와 CLI.
• 04CodeMirror 5, CodeMirror 6, Monaco용 에디터 모드.
• 05GraphQL 구문 강조 표시와 인라인 쿼리 실행을 지원하는 VS Code 확장.

활용 사례

• 서버나 문서 사이트에 대화형 GraphQL 탐색기를 추가.
• 웹 애플리케이션에 GraphQL 편집 환경을 구축.
• VS Code나 LSP를 지원하는 다른 에디터에서 GraphQL 자동 완성과 린팅 제공.
• 공유 언어 서비스를 기반으로 사용자 지정 GraphQL IDE 플러그인 제작.

빠른 시작

1. 1

   GraphiQL 설정은 packages/graphiql/README.md를 참조하세요

2. 2

   이 monorepo를 로컬에서 개발하려면 DEVELOPMENT.md를 따르세요

사용 전 알아둘 점

• !1.4.7 이전 버전의 graphiql은 연결하는 GraphQL 서버를 신뢰할 수 없는 경우 XSS 취약점에 노출됩니다.
• !Monaco 모드는 아직 개발 중입니다.

토픽

자주 묻는 질문

graphiql은(는) 무엇인가요?

GraphiQL은 브라우저에서 실행되는 GraphQL IDE이며, GraphQL 편집 도구를 지원하는 언어 서비스, 에디터 모드, LSP 서버가 포함된 모노레포이기도 합니다. GraphiQL은 브라우저에서 실행되고 React로 구현된 그래픽 기반의 대화형 GraphQL IDE입니다. 개발자는 이를 통해 GraphQL 서버에 쿼리를 작성하고 실행할 수 있으며, Doc Explorer로 스키마를 살펴볼 수 있습니다. 이 프로젝트는 공식 GraphQL Foundation 모노레포의 레퍼런스 구현입니다.

graphiql은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

graphiql은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

graphiql은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. graphiql의 마지막 커밋은 2026년 10월 21일입니다.

graphiql은(는) 어디에 사용할 수 있나요?

서버나 문서 사이트에 대화형 GraphQL 탐색기를 추가. 웹 애플리케이션에 GraphQL 편집 환경을 구축. VS Code나 LSP를 지원하는 다른 에디터에서 GraphQL 자동 완성과 린팅 제공. 공유 언어 서비스를 기반으로 사용자 지정 GraphQL IDE 플러그인 제작.

graphiql는 어떻게 설치하나요?

GraphiQL 설정은 packages/graphiql/README.md를 참조하세요 이 monorepo를 로컬에서 개발하려면 DEVELOPMENT.md를 따르세요

graphiql은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/graphql/graphiql