앞서 Apollo-server, GraphQL , Nodemon 패키지 설치를 완료했다면, 이제 본격적으로 코드를 작성해보면 된다. 모듈 import import { ApolloServer, gql } from "apollo-server"; 먼저 Server.js 파일을 생성해주고, ApolloServer와 GraphQL 모듈을 import 해준다 서버코드 작성, 실행 const server = new ApolloServer(); server.listen().then(({ url }) => { console.log(`Running on ${url}`); }); 이후 nodemon으로 server를 실행해보면 오류가 나게될 것이다. graphQL을 사용해 서버통신을 구현하기 위해서는 타입정보와, 요청받은 ..

개발자들사이에서는 백문이 불여일타 라는 말이 있다. 100번 보는것 보다 한번 코드를 쳐보는게 더 낫다고 장난식으로 하는 말인데 실제로 코드를 눈으로만 보고 이해했다고 개발에서 사용할 수 있는게 아니다. GraphQL에 대해 배우게 되었으니 배운 지식을 활용해 간단한 영화조회 앱을 만들어보고자한다. GraphQL이란? > [GraphQL] 개발자들의 많은 관심을 받고있는 차세대 언어! GraphQL은 2016년 facebook에서 만든 오픈소스 쿼리언어이고, 쿼리 언어중에서도 Server API를 통해 정보를 주고받기 위해 사용하는 쿼리언어이다. 많은 개발자들이 GraphQL에 대해 알고있고, 굉장히 인기 jobkaehenry.tistory.com GraphQL의 구조 > [GraphQL] GraphQL..

GraphQL과 REST API 의 차이 REST API 는 HTTP 통신의 METHOD (Get,Post,Delete,Post...etc)와 URI를 이용해 서버와 필요한 통신을 수행한다. 그에 반해 GraphQL은 하나의 URI에 한가지 Method (Post)를 이용해 서버와 통신을 하게되는데, 그렇다고 GraphQL이 정보를 조회하는 작업만 수행할 수 있는 것은 아니다 GraphQL은 한가지 Method와 URI를 이용하는데신, Query를 이용해 정보를 조회하고, Mutation을 이용해 데이터를 수정할 수 있다. 또한 Subscription이라는 개념을 이용해 실시간 업데이트를 구현할 수 있다. Query 를 이용해 데이터 조회. 기본형식 query HeroName{ hero { name } ..

GraphQL은 2016년 facebook에서 만든 오픈소스 쿼리언어이고, 쿼리 언어중에서도 Server API를 통해 정보를 주고받기 위해 사용하는 쿼리언어이다. 많은 개발자들이 GraphQL에 대해 알고있고, 굉장히 인기있는 언어이다. 필자도 React를 배우기도 전인 시절 (프론트엔드 부트캠프 참여전)부터 알고있었을 정도로 개발자들 사이에서 높은 인지도를 가지고있다. GraphQL을 사용하는 이유? GraphQL은 이름에서 알 수 있듯이 그래프 자료구조를 이용해 표현한다. 그래프 자료구조는 인간의 뇌 구조 및 언어적인 설명과 비슷하기 때문에 현실세계에서 많은 현상들을 모델링 할 수 있는 도구인데, 흔히 아는 마인드맵이 그래프자료구조와 비슷하다. 프론트엔드 개발자의 관점에서 GraphQL을 사용하는게..