# apollo
[코드캠프]5일차_TIL_라우팅
라우터 객체와 라우팅정적 라우팅과 동적 라우팅비동기 통신과 조건부 렌더링graphql 뮤테이션에 try ~ catch 적용apollo 디버깅 툴라우터(router)객체란 페이지 이동과 관련된 기능을 가지고 있는 객체입니다.이 객체를 사용해서 A 페이지에서 B 페이지로
GraphQL Client 적용하기
Apollo Client는 상태관리 라이브러리다.GraphQL api에서 데이터를 fetch 해오는 것을 가능하게 해주고어플리케이션에서 로컬로 상태 관리할 수도 있게 해준다.서버에 있는 데이터를 가지고 오는 것, 로컬에 있는 데이터를 관리하는 것그리고 이 둘을 동기화
GraphQL API 만들기 -3
이번에는 Mutation에 관한 Resolver를 만들려고 한다.SDL 에서 Tweet!라고 선언햇으니 resolvers의 Mutation에서도 return 해주어야한다.아폴로에서 실행하니원하는 대로 결과값이 잘나왔다.쿼리로 받아 와보면 2번이 지워진걸 알 수 있다.r
[Apollo] Apollo Client | Split link
이 로직을 사용하면 Query 및 Mutation은 HTTP를 사용하고 Subscriptions은 WebSocket을 사용한다. 이를 지원하기 위해 @apollo/client 라이브러리는 boolean 검사 결과에 따라 두 개의 다른 링크 중 하나를 사용할 수 있는 s
GraphQL 체험해보기
페이스북에서 만든 데이터 쿼리 언어웹 클라이언트에서 서버로부터 데이터를 효율적으로 가져오기 위해 만들어졌다.줄여서 gql이라고 부른다.특정 데이터베이스나 언어에 종속적이지 않다.클라이언트에서 apollo client를 이용해서 쿼리를 작성하고 GraphQL으로 개발된
Part5: Channel Observer를 사용하여 구독 서비스 관리
Observer 를 정의하고 commentAdded 구독(Subscription) 리졸버에서 클라이언트로 데이터를 전달하는 채널을 관리합니다.commentAdded 스키마를 수정하고 go run github.com/99designs/gqlgen generate 리졸버를
Part4: Apollo Client로 구독 서비스 GUI 만들기
UUID 자동생성하는 방식에서 사용자의 입력값을 받도록 GraphQL 스키마, 리졸버를 수정합니다.schema.graphqlsschema.resolvers.go다음 Post, Comment 관련 Mutation, Query GraphQL 을 정의합니다.다음 useSta
[TIL] Apollo cache | id, keyFields, useApolloClient
query에 id를 요청해야 cache에 저장된다.seeProfile Query는 params로 전달된 username으로 해당 user의 정보를 준다.seeProfile Query에서 id 요청 유무를 비교해보자.Profile component를 만들고 /users/
TIL day 05
목요일에 배운 REST-API와 GraphQL-API를 프론트엔드와 연동하는 방법을 금요일에 배웠다.이전까지는 포스트맨을 이용하여 api테스트를 해왔었는데 지금부터는 axios라는 라이브러리 이용하는 것을 배웠다. HTML파일에서 axios 를 이용하려면 head태그
Part3: 실시간 구독 서비스 리졸버 만들기
commentAdded 구독 이해 > commentAdded 구독은 특정 블로그 게시물에 새 댓글이 추가될 때마다 구독 클라이언트에게 알립니다. Apollo Client Subscription 예제 구현을 위해 GraphQL 스키마를 정의합니다. schema.gr
Part2: Apollo Client 클라이언트 WebSocket Link 연결
Client App 설치 React 보일러 플레이트를 설치합니다. 우선 create-react-app 으로 react 프로젝트를 만들자. typescript 와 Subscription 에 필요한 GraphQL 관련 모듈을 설치합니다. Apollo Client 초기
Part1: gqlgen 으로 구독(Subscriptions) 서버 만들기
GraphQL 구독(Subscription) 기능을 통해 실시간으로 클라이언트에 이벤트를 스트리밍할 수 있습니다. WebSocket 전송 추가 아래 코드는 go run github.com/99designs/gqlgen init 으로 만들어진 기본 코드입니다. se
Apollo - makeVar()
apollo로 전역 로컬파일 스토레이지 사용하는 방법위처럼 isLoggedInVar 를 전역으로 사용하기로 하였습니다. 위처럼 isLoggedInVar의 기본값을 false로 설정을 하였습니다. 이제 사용해보죠~위처럼 useReactiveVar를 사용하면 apollo.
[JS] Observable
연속적인 비동기 작업이란?요청을 빠르게 여러번 보내는 것 입니다.페이지네이션에서 3번페이지를 요청했다가 빠르게 5번 페이지를 요청했을 경우 3번 페이지 요청을 취소 후 5번 페이지를 보내줘야 하는데 , 백엔드에서는 3번페이지를 보여주게 됩니다.이런경우에는 3번 페이지
graphQL - MongoDB 실습하기 (feat. Apollo-server)
Yalco님의 강의를 기반으로 실습을 진행했습니다.models/index.js먼저 mongoDB에 가입하여 자신의 클러스터를 만들고 데이터베이스를 만든다. index.js만약 db가 잘 연결되었다면 MongoDB Connected 라는 메시지가 terminal에 뜰것이
[GraphQL] GraphQL, Apollo Server란?
Node.js를 이용해, 데이터베이스에 접근하는 나만의 명령어를 만들고 CRUD 요청, 응답을 더 효과적으로 처리할 수 있게 해주는 API (연결다리)스키마를 통해 사용자만의 명령어를 만들고 사용할 수 있다.번들 크기가 줄어 클라이언트 속도가 빠르다.아폴로 스튜디오를