# apollo
[React] optimustic ui
옵티미스틱 UI우리가 자유게시판 상세보기에 '좋아요' 버튼을 누를 때 의 동작을 생각해봅시다.1.사용자가 좋아요 버튼을 누릅니다2\. onClick 함수가 실행되고 서버에 mutation 요청을 보내게 됩니다.3\. 서버에 보낸 요청이 완료될 때 까지 await 으로
33.Subscription(1)_server.js
backend에서 가장 어려운 부분, 중요한 부분, update가 자주 일어나는 부분.고래도 할 수 있다!!!!! 항상, 공식문서를 참고할것.!!! https://www.apollographql.com/docs/apollo-server/data/subscrip
3. Recap. graphql-tools. prisma-client
npm i dotenvin server.jsrequire('dotenv').config()use : const PORT=process.env.PORThttps://www.graphql-tools.com/docs/schema-merginghttps://
instagram-backend 1.( setup with apollo,graphql, bable )
1.instagram-backend setup mkdir insta cd insta npm init -y code . Vscode 에서 extension으로 가서 gitignore command palette에서
GraphQL의 이해
네이버 인턴쉽을 진행하면서 GraphQL을 상당히 많이 사용했다. React 기반의 view에 필요한 데이터는 GraphQL + Apollo 조합으로 모두 호출했다. 하지만 활용에 비해 근본적인 이해를 하고 있는지 의심이 갔고, 이번 기회에 정리해볼까 한다. Grap
백앤드 작업시 만난 에러
Apollo Client 부터 쿼리 할 때: loading이 false가 되는 조건에 data를 읽을 수 있습니다. 그렇지 않으면 undefineduseQuery, useMutation 리턴값의 최상단 프로퍼티는 gql 객체의 이름과 같다.DB구조가 배열안의 배열인 경
Apollo 를 사용해보자 with React.js
우선 이글은 D2개발 블로그 내용에 의거하여 작성중입니다.일단 이 글을 작성하기 위해 간단한 CRUD가 가능한 TODO APP백엔드 개발과 프론트 개발을 마쳐놓은 상태입니다.궁금하면 눌러줘요 제발!진짜 뭘까 아폴로가?내가 아는 아폴로는이거였는데 말야사실 GraphQL
React Native, Apollo Client와 상태관리
상태관리를 하나도 모르던 신입 개발자 시절 Apollo Client의 상태관리를 보고 너무 대단해서 써뒀던 글입니다
react + apollo + graphql + codegen => error(graphql duplicate) fix
apollo codegen 이와 같은 에러가 발생하였다. yarn과 npm에서 graphql version이 달라서 발생하는 상황이다.이 버전으로 node_modules과 yarn cache를 지우고 다시 설치하여 준다. 근데 node 버전이 달라 다시 error가 발
react + 당근마켓 +frontend setting
styled components setting react-router-dom 
인스타그램 클론코딩 2 - 4 USER MODULE
본격적인 인스타그램 클론코딩 시작이다. 시작에 앞서 전에 만들었던 prisma폴더와 movies폴더와 db를 삭제해준다.InstaClone을 위한 prisma를 다시 생성 npx prisma initUser 모델 생성username과 email은 중복되서는 안되기 때문
GraphQL과 Apollo를 왜 쓸까?
손쉽게 백엔드와 데이터베이스, 스토리지를 해결해주는 firebase를 이용하면서 편리함을 얻었지만 편리한 만큼 단점도 보였다. 필요한 정보만 쏙쏙 받아오고 싶은데 전체 데이터를 호출한다는 점 (Over-fetching), 그리고 한 번의 요청으로 모든 데이터를 받아오지
Uber Eats 클론코딩 하기 #1 Nest란? graphQL을 쓴다는데? Apollo?
Nest 사용하기 위 명령어를 치기 위해서 아래에서 필요한 작업을 해준다. mac기준 > Nest 또는 NestJS는 Node.js 서버 측 애플리케이션 구축을 위한 프레임워크이다. 내장 라이브러리 > Axios: Promise API를 활용하는 HTTP 비동