기본 콘텐츠로 건너뛰기

글

라벨이 graphiQL인 게시물 표시

graphql 연습 /w launchpad

https://launchpad.graphql.com/mw9wkzv99 단순 전체쿼리+조건쿼리+추가 http://graphql.org/graphql-js/passing-arguments/ 참고. random ID는 crypto 1.0.1 사용   type Query {     Members: [member]     getMember(id: ID!): member   }   type member {     id: ID!     text: String   }   input memberInput {     text: String   }   type Mutation {     addMember(member: memberInput): member   } SQL 정의. facebook 쪽은 스트링에 지지는 거 진짜 좋아하네. *.gql 파일이 있다고 하니 이해해주자. resolver는 var buffer = []; const resolvers = {   Query: {     Members: (root, args, context) => {       return buffer;     },     getMember: (id)=> {       return buffer.find(o=>o.id)     }   },   Mutation: {     addMember(_, {member}) {       const mm = { ...member, id:randomBytes(10).toString('hex') };       buffer.push...

vulcanJS - 5. graphQL 도구 사용해보기.

지난 번 글에서 열심히 Posts 모델을 만들어 보았습니다. 이것들을 실제로 graphQL을 사용하여 다루기 위해 graphQL 도구를 사용해봅니다. http://localhost:3000/graphiql 를 한번 열어봅시다. 뭔가 깔끔한 것이 떴습니다. GraphQL은 듣기로 JSON 같은 걸로 지지고 볶는 구조라고 들었습니다. 한번 본능에 이끌려 이것저것 해봅니다. {} 를 한번 치고 자동완성을 위해 중간중간 ctrl+space도 눌러보고 해봅시다. http://imgur.com/0c9BkRK  새창에서 열기 의식에 흐름에 따라 query와 mutation이라는게 오른쪽 Documentation Explorer에 있고 자동완성한 내용을 cmd+click해서 내용을 보고 인자를 아무거나 넣고 ctrl+enter로 실행하는 것까지 해봤습니다. 실제로 Full로 Query를 쓰고 Query Variables(아래쪽 Query Variables 클릭하면 확장됨)까지 넣으려면 query postsListQuery($terms: JSON) {   PostsList(terms: $terms ) {     _id     title     body     userId     createdAt   } } * Query Variable {   "terms": {   } } 위와 같이 하면 됩니다. 오른쪽 결과 창을 보면 내용물이 없습니다. 당연합니다. 모델만 만들었기 때문이죠. 오른쪽 Documentation Explorer를 한번 살펴봅시다. 친절한 익플띵 ROOT TYPES 에 query하고 mutation이 보입니다. query는 SiteData: Site UsersList(   terms: JSON   offset: Int ...