--- title: React Native 프로젝트에서 GraphQL 스키마 파일 다운로드 및 설정 slug: docs-kr/react-native/graphql/download-schema description: GraphQL 스키마 파일을 다운받아 React Native 프로젝트에서 백엔드 데이터 중심으로 설정하는 방법을 알아보세요. image: https://www.back4app.com/images/logo-social.png createdAt: 2024-03-19T18:33:31.444Z --- # GraphQL 스키마 다운로드 ## 소개 이전 가이드에서는 놀라운 GraphQL 클라이언트인 Relay에 대해 더 많이 배웠습니다. 이제 Relay를 사용하여 Back4App에서 데이터를 가져와 React Native 앱에서 사용하는 방법을 이해할 시간입니다. 이 가이드에서는 GraphQL 스키마 파일을 다운로드하고 React Native 프로젝트에 배치하는 방법을 배울 것입니다. ## 목표 스키마를 다운로드하여 React Native 프로젝트를 Back4App GraphQL API를 사용하도록 준비합니다. ## 전제 조건 :::hint{type="info"} **아직 튜토리얼은 아니지만, 편안하게 읽기 위해서는 다음이 필요합니다:** - 기본 JavaScript 지식. - GraphQL에 대한 기본 이해. 만약 없다면, [GraphQL.js](https://github.com/graphql/graphql-js)가 시작하기에 완벽한 장소입니다. - 로컬 환경에서 실행 중인 기본 React Native 프로젝트. ::: ## 1 - 스키마 다운로드 스키마는 프론트엔드에 위치할 서버의 진실의 원천입니다. Back4App에서 스키마는 데이터 모델을 정의하면 자동으로 생성되는 파일입니다. Back4App GraphQL 스키마를 더 잘 이해하기 위해 다음 단계를 수행하여 GraphQL 콘솔에서 열 수 있습니다: - **Back4App 대시보드로 이동하십시오;** - **왼쪽 메뉴에서 Core 탭 아래의 API 콘솔을 클릭하십시오;** - **GraphQL을 선택하면 다음과 같은 화면이 나타납니다:** ::Image[]{src="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/KdHtTFz1mPU1egcwkRRPY_image.png" size="50" width="301" height="381" position="center" showCaption="false"} GraphQL 플레이그라운드에 오신 것을 환영합니다. 여기에서 SDL 언어를 사용하여 쿼리와 변형을 작성하고 실행할 수 있습니다. ![](https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/McqyWZu540CO0FabPC8Ej_image.png) 오른쪽 상단에서 두 개의 탭을 볼 수 있습니다: DOCS와 SCHEMA. DOCS 탭에서는 GraphQL API에 대한 읽기 쉬운 문서를 찾을 수 있습니다. 문서는 Back4App에서 데이터 모델을 구축할 때 생성되는 객체 유형을 기반으로 합니다. 개발자에게는 쿼리와 변형을 구축하는 빠른 참조로 사용할 수 있어 매우 유용합니다. ::Image[]{src="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/4UuV6znwUAYhlGGwU_pzH_image.png" size="70" width="333" height="816" position="center" showCaption="false"} Back4App은 또한 GraphQL API에 대한 사양을 생성합니다: 일반적으로 알려진 스키마입니다. 스키마는 SCHEMA 탭에서 찾을 수 있으며 SDL(스키마 정의 언어)을 사용하여 작성됩니다. 이 스키마는 프론트엔드의 진실의 원천으로 사용됩니다. 계속 진행하여 SDL 다운로드를 클릭하고 다음 단계에서 사용할 파일을 가져오세요. ::Image[]{src="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/QK48B1doTZ_y9nABX-iD8_image.png" size="70" width="350" height="816" position="center" showCaption="false"} ## 2 - React Native 앱에 스키마 붙여넣기 Relay가 React Native 앱에서 스키마 파일을 읽을 수 있도록 하려면 특정 경로에 스키마 파일을 붙여넣어야 합니다. React Native 프로젝트에서 이를 수행해 보겠습니다: - 애플리케이션 루트 경로에 폴더를 생성하고 이름을 `data`로 지정합니다. - 이 폴더에 스키마 파일(SDL) 파일을 붙여넣습니다. ::Image[]{src="https://api.archbee.com/api/optimize/yD3zCY-NNBBIfd0uqcfR5/KKTHuylEAYseoozmu_dwp_image.png" size="50" width="219" height="522" position="center" showCaption="false"} 완료되었습니다. 귀하의 프론트엔드는 GraphQL 스키마를 통해 백엔드의 진실의 원천을 이미 가지고 있습니다. 최종 구성은 아래에 표시됩니다. :::hint{type="danger"} 중요: Back4App에서 데이터 모델을 변경할 때마다 스키마 파일이 변경됩니다. 프론트엔드에서 스키마 파일을 항상 업데이트하는 것이 매우 중요하므로 스키마를 변경할 때마다 React Native 앱 프로젝트에 다시 업로드해야 합니다. ::: ## 결론 스키마가 이미 React Native 애플리케이션에 배치되었으므로 이제 구성하고 환경을 준비하여 구성 요소 쿼리를 가져오는 방법을 배울 것입니다.