# useMutation

16개의 포스트

UploadForm.js

들어가기select Photo, take Photo한 사진을 props로 받아서caption과 함꼐 uploadPhoto Mutation을 실행하여,사진을 DB에 저장하고, 뿌리는 screen역시, file(picture, video)등을 다루는 부분은 어려우니 집중할

2022년 6월 10일
·
0개의 댓글

useMutation in native(Login)

1. screens/login.js ~

2022년 5월 19일
·
0개의 댓글

follow, unfollow (1)

들어가기front부분에서 user를 follow, unfollow하는 부분,일단은 cache부분은 생략하고 useMuataion, useQuery 부분만 마무리 한다.Profile에서 follow, unFollow할 수 있게 구성한다.\-styled부분에 대한 설명은

2022년 5월 10일
·
0개의 댓글

deleteComment

들어가기내가 만든 댓글(Comment)를 지우는 코드,createComment에서 newCacheComment를 만들어서 evict로쉽게 내가 단 댓글을 바로 지울 수 있음.

2022년 5월 9일
·
0개의 댓글

React Query에서 Post, Delete, Patch/Put (useMutation hook 사용하기)

react query에서 단순한 조회, get 요청을 보내기 위해서는 useQuery를 사용한다. 반면, 데이터의 수정이 일어나는 Post, Delete, Patch(Put) 요청을 위해서는 useMutation을 사용해야 한다.

2022년 5월 9일
·
0개의 댓글

CreateComment(1)

들어가기사진에 댓글다는 기능을 구현createComment(1)에서는 useForm과 useMutaion을 이용해서 댓글 다는것을구현하고 createComment(2)에서는 realTime, cache를 다루는 방법을 알아보자.Photo Component에서 Comme

2022년 5월 9일
·
0개의 댓글
post-thumbnail

writeFragment, readFragment, cache

들어가기실시간으로 화면을 update하기 위해서 사용좋아요를 누르고 refetchQuery로 다시 seeFeed Query롤호출하면, 웹페이지 속도를 늦출 수 있다.그래서 cache를 바로 업데이트 하면, 웹의 속도를 빠르게 유지시킬 수 있다.chrome에서 f12 누

2022년 5월 8일
·
0개의 댓글

useMutation(3)_signUp_useNavigate

1. src/screens/SignUp.js ~

2022년 5월 1일
·
0개의 댓글

useMutation(2)_Login.js

매우 중요함!!!!

2022년 5월 1일
·
0개의 댓글
post-thumbnail

react query optimistic update

react query의 optimistic update 사용기 ❤️

2022년 2월 4일
·
0개의 댓글
post-thumbnail

코드캠프 부트캠프 7일차-2

Query를 다시 Fetch한다는 것으로 useMutation을 한 후 기존에 받아왔던 Query의 데이터가 변경되었을 경우 사용하게 된다.예를들어, Query로 게시글들의 목록을 10개 불러왔다고 하자.그런데 Mutation을 통해 하나를 삭제하면 게시글은 9개가 되

2022년 1월 18일
·
0개의 댓글

동기 & 비동기 / 220113

TIL 네걸음 Day 4.동기 & 비동기 1.동기&비동기란? 1)동기 > 게시글이 등록되고 서버컴퓨터로부터 등록완료가 된 후에 (응답완료) 요청하는 통신. 즉, 서버 컴퓨터가 작업이 끝날 때까지 기다리는 통신을 뜻한다. > 요청1이 완료 되기전에 요청2를 불러오

2022년 1월 14일
·
0개의 댓글

login with react-query, useMutation

기록 & 참고용 login with react-query, useMutation 간단 예시

2021년 11월 9일
·
0개의 댓글

Apollo Hooks

Apollo Hooks

2021년 2월 21일
·
0개의 댓글

React-GraphQL 사용기 정리

import { useQuery } from '@apollo/react-hooks';import gql from 'graphql-tag';const { loading, data } = useQuery(FETCH_POSTS_QUERY);const FETCH_POSTS_Q

2020년 9월 23일
·
0개의 댓글