01 - 스키마

2022. 11. 6.·🎨 프론트엔드 공부/기타

GraphQL API의 기본 구성요소 2가지

- 스키마

- 리졸버

 

스키마

- 데이터와의 상호작용을 텍스트로 표현한 것

- API가 스키마 내에서 정의된 데이터만 반환하고 상호작용을 수행할 수 있도록 함

- 객체 자료형으로 구성됨 (5가지 스칼라 자료형 내장됨)

1. String : UTF-8 문자열

2. Boolean

3. Int : 32비트 정수

4. Float : 부동 소수점

5. ID : 고유 식별자

 

객체 자료형 예시 (String 자료형)

const typeDefs = gql`
  type Query {
    hello: String
  }
`;

 

먼저 자료형을 정의한다

 

스키마 자료형 예시 (피자 메뉴를 위한 API)

type Pizza {
  id: ID!
  size: String!
  slices: Int!
  toppings: [String]
}

 

- 필수적 필드, 선택적 필드로 나눌 수 있다.

- 필수적 필드는 !로 나타낸다

 

'🎨 프론트엔드 공부/기타' 카테고리의 다른 글
  • [Web] jwt 소개
  • 02 - 리졸버 (resolver)
  • Bootstrap - Intro
  • 2-2. GraphQL Query 알아보기
지식물원
지식물원
지식이 자라는 식물원!
  • 지식물원
    지식물원
    지식물원
  • 전체
    오늘
    어제
    • 분류 전체보기 (510)
      • 🎨 프론트엔드 공부 (247)
        • JS & TS (86)
        • HTML & CSS (22)
        • React & Next (49)
        • Vue & Nuxt (22)
        • 기타 (68)
      • 🤓 기술 학습 & 공부 기록 (116)
        • Node.js (0)
        • Python (37)
        • 백엔드 (0)
        • 딥러닝 (1)
        • 컴퓨터 일반 (72)
        • 개발 인프라 (6)
      • 👨‍💻 프로젝트 경험 (6)
        • Work (0)
        • Toy (6)
      • ⚙️ 개발 팁 & 노하우 (21)
        • 프론트엔드 (6)
        • 기타 (15)
      • ☕️ 커리어 & 인터뷰 준비 (88)
        • 코딩 테스트 (88)
      • 📰 기술 트렌드 & 생각 정리 (4)
      • 📚 기타 (25)
        • 마케팅 (15)
        • 비개발서적 (10)
  • 블로그 메뉴

    • 태그
  • 링크

  • 공지사항

    • 모바일 접속 시 코드 하이라이팅 깨질 때
  • 인기 글

  • hELLO· Designed By정상우.v4.10.3
지식물원
01 - 스키마
상단으로

티스토리툴바