반응형 graphql3 GraphQL 정리 GraphQL Rest 처럼 http기반이지만 post만 사용한다. 그래서 캐시를 이용할 경우 개발자가 따로 처리를 해주어야 하는데, 나는 apollo를 사용한다. rest와는 다르게 서버에서 단일 엔드포인트를 뜷어놓으면 클라이언트에서는 스키마(데이터 모델)와 query,mutation타입을 통해 이용할 리소스를 받아올 수 있다. rest는 서버에서 주는대로 받아! 라면 gql은 내가 알아서 가져갈게~ 느낌 기존에 이용하는 값만 지우지 않는다면 클라이언트에 영향을 주지 않으면서 서버에서 api의 결과를 추가할 수 있다. 스키마 클라이언트에서 이용할 데이터모델이다. 아래와 같은 스키마를 보내면 export const GET_CATEGORIES = ` query allArticles { allArticles.. 2023. 11. 23. GraphQL로 restAPI 사용하기 기존 RestAPI를 GraphQL로 감싸주었다. db.js에서는 url을 fetch한 리턴값을 getMovies에 할당했다. //db.js import fetch from "node-fetch"; const API_URL = "https://yts.am/api/v2/list_movies.json?"; export const getMovies = (limit, rating) => { let REQUEST_URL = API_URL; if (limit > 0) { REQUEST_URL += `limit=${limit}`; } if (rating > 0) { REQUEST_URL += `&minimum_rating=${rating}`; } return fetch(`${REQUEST_URL}`) .then((r.. 2022. 1. 23. 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. 이전 1 다음 반응형
