# useMutation
UploadForm.js
들어가기select Photo, take Photo한 사진을 props로 받아서caption과 함꼐 uploadPhoto Mutation을 실행하여,사진을 DB에 저장하고, 뿌리는 screen역시, file(picture, video)등을 다루는 부분은 어려우니 집중할
follow, unfollow (1)
들어가기front부분에서 user를 follow, unfollow하는 부분,일단은 cache부분은 생략하고 useMuataion, useQuery 부분만 마무리 한다.Profile에서 follow, unFollow할 수 있게 구성한다.\-styled부분에 대한 설명은
deleteComment
들어가기내가 만든 댓글(Comment)를 지우는 코드,createComment에서 newCacheComment를 만들어서 evict로쉽게 내가 단 댓글을 바로 지울 수 있음.
React Query에서 Post, Delete, Patch/Put (useMutation hook 사용하기)
react query에서 단순한 조회, get 요청을 보내기 위해서는 useQuery를 사용한다. 반면, 데이터의 수정이 일어나는 Post, Delete, Patch(Put) 요청을 위해서는 useMutation을 사용해야 한다.
CreateComment(1)
들어가기사진에 댓글다는 기능을 구현createComment(1)에서는 useForm과 useMutaion을 이용해서 댓글 다는것을구현하고 createComment(2)에서는 realTime, cache를 다루는 방법을 알아보자.Photo Component에서 Comme
writeFragment, readFragment, cache
들어가기실시간으로 화면을 update하기 위해서 사용좋아요를 누르고 refetchQuery로 다시 seeFeed Query롤호출하면, 웹페이지 속도를 늦출 수 있다.그래서 cache를 바로 업데이트 하면, 웹의 속도를 빠르게 유지시킬 수 있다.chrome에서 f12 누
코드캠프 부트캠프 7일차-2
Query를 다시 Fetch한다는 것으로 useMutation을 한 후 기존에 받아왔던 Query의 데이터가 변경되었을 경우 사용하게 된다.예를들어, Query로 게시글들의 목록을 10개 불러왔다고 하자.그런데 Mutation을 통해 하나를 삭제하면 게시글은 9개가 되
동기 & 비동기 / 220113
TIL 네걸음 Day 4.동기 & 비동기 1.동기&비동기란? 1)동기 > 게시글이 등록되고 서버컴퓨터로부터 등록완료가 된 후에 (응답완료) 요청하는 통신. 즉, 서버 컴퓨터가 작업이 끝날 때까지 기다리는 통신을 뜻한다. > 요청1이 완료 되기전에 요청2를 불러오
login with react-query, useMutation
기록 & 참고용 login with react-query, useMutation 간단 예시
React-GraphQL 사용기 정리
import { useQuery } from '@apollo/react-hooks';import gql from 'graphql-tag';const { loading, data } = useQuery(FETCH_POSTS_QUERY);const FETCH_POSTS_Q