# apollo
graphQL 사용기 2일차
> > "Cannot return null for non-nullable field 이 오류에 대한 원인을 찾기위해 1시간을 고생했는데 고작 철자 한개를 빼 먹어서 발생한 오류였다.. typeDefs를 뒤져보고 resolvers의 함수를 뒤져봤는데 잘못된 부분이 없었
GraphQL Apollo
mern stack을 이용해 간단한 쇼핑몰을 제작해보면서 웹 제작의 전체적인 흐름을 이해하게 되었다. 원래는 frontend를 목표로 공부를 했지만 기능적인 부분을 만드는 것이 더 재미있고 UI요소를 개발하기 위해 많은 시간과 코드를 할애하는 것이 답답하게 느껴지는 것
.png?w=768)
[Apollo] In Memory Cache 에 대해서...
프로젝트를 진행하면서 가장 어려웠고 시간을 많이 할애 했던 부분은 cache 에 관한 작업이었다. 사전에 노마드코더에서 apollo client 관련 강의도 듣고 apollo client 를 사용해서 프로젝트를 진행했던 블로그들을 찾아 글을 읽어보면서 cache 관리
아폴로 따라잡기 1탄 - Apollo 그래서 너 뭔데? 먹는거냐?
내가 아는 아폴로는 불량식품 뿐인데, 컴퓨터 세상에도 아폴로가 존재했다..! 리액트앱에 아폴로를 이용해 그래프큐엘에서 데이터를 받아오는 튜토리얼을 따라해보았다.
GraphQL React + Apollo Tutorial - 5. 라우팅
GraphQL과 Apollo를 `react-router 4`와 함께 사용하여 페이지 이동을 구현하는 방법을 배웁니다. 각 라우팅은 `Link`로 표현됩니다.
GraphQL을 Apollo 와 함께 써본 후기
개인적으로 제가 고등학교를 가기 전에 제가 직접 만든 블로그를 운영해보고 싶었습니다.그러기에는 구현해야 될 것이 너무 많았죠. API 서버, DB 모델 구현, DB 연동,로그인 / 로그아웃 구현, 프론트엔드 디자인 등 혼자 하기에는 많이 벅찼습니다.그로 인해 한참 미루
JavaScript로 구현하는 GraphQL 블록체인
최종 결과물 https://vote-link.herokuapp.com/ GraphQL Playground 환경에서 Transaction과 블록을 생성할 수 있다. Bitcoin Blockchain 모델을 기반으로 만들었다.
Heroku에 Apollo 서버 배포하기
1. Heroku 설정 Heroku 회원가입 https://signup.heroku.com/ 에 접속해서 정보를 입력하고 회원가입 후 로그인한다. Heroku 앱 만들기 New -> Create new app을 클릭한다. App name과 Region을 설정하고
Svelte#2 - Svelte + graphQL + apollo
Svelte기능중에 slot 및 graphQL과 같이 쓴 포스트는 아직까지는 다른 svelte관련 자료들에 비해 양이 적은거 같아 이 포스트에서는 가상의 event list Data를 Graphql로 받아와서 Svelte기능중 Slot을 사용해 테스트해본 기록을 해보자
GraphQL React + Apollo Tutorial - 4. Mutation: 링크 생성하기
Apollo 클라이언트를 사용하여 GraphQL 뮤테이션을 다루어봅니다. Apollo의 `<Mutation />` 컴포넌트를 사용하여 뮤테이션을 정의하고 전송합니다.
GraphQL#4 - Schema module 분리
GraphQL Schema(Type, Resolver) 모듈을 분리해서 관리해보자.이 포스트 역시 지난 포스트와 연결하여 작성하는 포스트임을 미리 밝힌다.
GraphQL#3 - Mutation
GraphQl Mutation기능에 대해 정리해보자.해당 포스트는 이전 포스트와 연결되어 진행되는 포스트이기 때문에 관련 소스 역시 연결되어 진행한다.
GraphQL#2 - Apollo Server Setting + Query
GraphQl과 Apollo server를 연동해보기.지난 포스트에 이어 이번에는 Express로 Apollo server를 구현해보고 GraphQL을 연동해보자. npm module부터 설치.Test 용도로 Dummy Data용 json을 일단 하나 만들어보자. 예시
GraphQL React + Apollo Tutorial - 3. Query: 링크 불러오기
서버로부터 데이터를 불러오고 데이터를 React 컴포넌트에 표시하는 방법을 익힙니다. Apollo 클라이언트를 사용하여 GraphQL 쿼리를 다룹니다.
Apollo Client (React)로 GraphQL 클라이언트 개발하기 (2)
이번 글에선 회원가입/로그인/로그아웃 기능을 구현한 서버와 클라이언트를 연결하려고 한다. 클라이언트 개발에 새로 사용하는 개념은 아래와 같다. - React Hooks - Apollo Client Hooks - Apollo Client Local State
Get started 'react-apollo'
REST API와 Redux를 대체하는 GraphQL과 Apllographql을 기반으로 한 상태관리 플랫폼. 클라이언트에서 graphql을 사용해 데이터를 가져오는 UI를 만들 때 사용하기 좋다.@apollo/react-hooks로 더 간편하게 사용할 수 있다. =>
GraphQL React + Apollo Tutorial - 2. 시작하기
Hackernews 클론 프로젝트를 시작합니다. `create-react-app`을 사용하여 프론트엔드를 제작하고, Prisma를 사용하여 백엔드를 제작합니다.
GraphQL React + Apollo Tutorial - 1. Introduction
Apollo Client는 프론트엔드에서 GraphQL을 아주 간단하게 시작할 수 있도록 도와주는 유연하면서도 강력하고 직관적인 API를 제공합니다.