React Native 프로젝트에서 GraphQL 스키마 파일 다운로드 및 설정

graphql 스키마 다운로드 소개 이전 가이드에서는 놀라운 graphql 클라이언트인 relay에 대해 더 많이 배웠습니다 이제 relay를 사용하여 back4app에서 데이터를 가져와 react native 앱에서 사용하는 방법을 이해할 시간입니다 이 가이드에서는 graphql 스키마 파일을 다운로드하고 react native 프로젝트에 배치하는 방법을 배울 것입니다 목표 스키마를 다운로드하여 react native 프로젝트를 back4app graphql api를 사용하도록 준비합니다 전제 조건 아직 튜토리얼은 아니지만, 편안하게 읽기 위해서는 다음이 필요합니다 기본 javascript 지식 graphql에 대한 기본 이해 만약 없다면, graphql js 가 시작하기에 완벽한 장소입니다 로컬 환경에서 실행 중인 기본 react native 프로젝트 1 스키마 다운로드 스키마는 프론트엔드에 위치할 서버의 진실의 원천입니다 back4app에서 스키마는 데이터 모델을 정의하면 자동으로 생성되는 파일입니다 back4app graphql 스키마를 더 잘 이해하기 위해 다음 단계를 수행하여 graphql 콘솔에서 열 수 있습니다 back4app 대시보드로 이동하십시오; 왼쪽 메뉴에서 core 탭 아래의 api 콘솔을 클릭하십시오; graphql을 선택하면 다음과 같은 화면이 나타납니다 graphql 플레이그라운드에 오신 것을 환영합니다 여기에서 sdl 언어를 사용하여 쿼리와 변형을 작성하고 실행할 수 있습니다 오른쪽 상단에서 두 개의 탭을 볼 수 있습니다 docs와 schema docs 탭에서는 graphql api에 대한 읽기 쉬운 문서를 찾을 수 있습니다 문서는 back4app에서 데이터 모델을 구축할 때 생성되는 객체 유형을 기반으로 합니다 개발자에게는 쿼리와 변형을 구축하는 빠른 참조로 사용할 수 있어 매우 유용합니다 back4app은 또한 graphql api에 대한 사양을 생성합니다 일반적으로 알려진 스키마입니다 스키마는 schema 탭에서 찾을 수 있으며 sdl(스키마 정의 언어)을 사용하여 작성됩니다 이 스키마는 프론트엔드의 진실의 원천으로 사용됩니다 계속 진행하여 sdl 다운로드를 클릭하고 다음 단계에서 사용할 파일을 가져오세요 2 react native 앱에 스키마 붙여넣기 relay가 react native 앱에서 스키마 파일을 읽을 수 있도록 하려면 특정 경로에 스키마 파일을 붙여넣어야 합니다 react native 프로젝트에서 이를 수행해 보겠습니다 애플리케이션 루트 경로에 폴더를 생성하고 이름을 data data 로 지정합니다 이 폴더에 스키마 파일(sdl) 파일을 붙여넣습니다 완료되었습니다 귀하의 프론트엔드는 graphql 스키마를 통해 백엔드의 진실의 원천을 이미 가지고 있습니다 최종 구성은 아래에 표시됩니다 중요 back4app에서 데이터 모델을 변경할 때마다 스키마 파일이 변경됩니다 프론트엔드에서 스키마 파일을 항상 업데이트하는 것이 매우 중요하므로 스키마를 변경할 때마다 react native 앱 프로젝트에 다시 업로드해야 합니다 결론 스키마가 이미 react native 애플리케이션에 배치되었으므로 이제 구성하고 환경을 준비하여 구성 요소 쿼리를 가져오는 방법을 배울 것입니다