02 - 리졸버 (resolver)
·
✏️ Study/GraphQL
리졸버는 API 사용자가 요청한 데이터를 해결(resolve)한다 API에는 2가지 자료형의 리졸버가 포함된다 - 쿼리 - 뮤테이션 쿼리 - 특정 데이터를 지정하여 요청하는 형태 뮤테이션 - API에서 데이터를 수정할 때 사용 - 객체 형태로 수정 작업의 최종 결과를 반환
01 - 스키마
·
✏️ Study/GraphQL
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! topp..
2-2. GraphQL Query 알아보기
·
✏️ Study/Front-end ETC
2장 간단하게 페이지 띄워보기2-1. TypeScript로 컴포넌트 작성하기2-2. GraphQL Query 알아보기 1) GraphQL에서의 Query는 어떻게 사용할까?GraphQL : 필요한 데이터만 받아올 수 있음 (REST API와 다르게) 예시) 모든 유저들의 id과 name을 조회하는 getPeopleList 쿼리query getPeopleList { allPeople { edges { node { id name } } }} 반환값 { "data": { "allPeople": { "edges": [ { "node": { "id": "cGVvcGxlOjE=", ..