React
[React] TanStack Query - 데이터 전송하기, Optimistic Update
useMutation useMutation 훅은 데이터를 생성/업데이트/삭제 하는 쿼리에 최적화되어있다. useQuery와 달리 컴포넌트가 렌더링될 때 요청이 즉시 전송되지 않도록 할 수 있고, 필요할 때만 요청이 전송되도록 할 수 있다. const { mutate, isPending, isError, error } = useMutation({ mutationFn: createNewEvent, }); useMutaion에도 useQuery와 같이 config 객체를 전달한다. 이때 마찬가지로 mutationKey도 설정할 수 있지만 여기서는 필수 옵션이 아니다. mutation의 목적은 백엔드에 변경을 적용하는 것이지 프론트에 데이터를 가져오고 저장하는 것이 아니라 필요없다. 따라서 mutationFn만..