본문 바로가기
반응형

개발/GraphQL , Apollo19

GraphQL서버에서 특정값만 받아오기(필터링) 우선 db폴더에 다음과 같이 db.js를 만들어주었다. index.js는 다음과 같이 구성(분리되어 있던 graphql/resolvers.js를 index.js와 합쳤다.) npm start를 하고 localhost:4000에서 확인해보자. 특정값만 받아오기 여러값을 받아오기 Resolver resolver는 GraphQL 서버에서 요청을 받는다, GraphQL 서버가 Query나 Mutation의 정의를 발견하면 resolver를 찾고 해당 함수를 사용한다. 아래 코드에 resolver와 db, schema.graphql이 적혀있다. //-------------- //db/db.js export const people = [ { id: "0", name: "Nicolas", age: 18, gender.. 2022. 1. 21.
GraphQL 공식문서 읽어지는 부분만 정리 인턴을 하면서 새로운 기술들을 한꺼번에 3개씩 공부하게 되는데, 공식문서를 읽는 능력이 쓰레기임을 느낀다. 공식문서의 가장 윗부분인데, 이 부분을 구현하기 위해 어떻게 작성해야할까? 아래 코드와 같이 작성했다. 사실 원리는 모르겠고, flow만 그런가보다 하면서 받아들였다. //index.js import { GraphQLServer } from "graphql-yoga"; const hero = { name: "R2-D2", }; const resolvers = { Query: { hero: () => hero, }, }; const server = new GraphQLServer({ //typeDefs : 모든 타입들에 대한 정의 typeDefs: "./graphql/schema.graphql", r.. 2022. 1. 21.
GraphQL 복습 끄적인거 https://youtu.be/VdObBj3SiOc 니콜라스 강의를 참고했다. 아직 배우는 단계에서 복습을 위해 작성했기때문에 틀린내용이 있을 수 있습니다. 지적은 감사히 받겠습니다! 우선 화면부터 보면 query에 person의 하위 속성인 name을 보냈을때, "Nicolas"가 입력된다. Query 이 파일은 Query 역할을 한다. Query는 DB로 부터 정보를 얻어오는 역할을 한다. //schema.graphql type Nicolas { name: String! age: Int! gender: String! } type Query { person: Nicolas! } 어떤 사용자가 Query에 person을 보내면 사용자에게 Nicolas 타입을 보낸다. 라는 내용이다. Resolvers 이.. 2022. 1. 21.
반응형