여러가지 쿼리방식, refetch문제점, ApolloState 직접 수정
8/6 🧐 useApolloClient로 원하는 곳에서 쿼리하기 🧐 그동안 데이터를 쿼리해올 때, useQuery를 사용 했다. 그런데, 기존에 openapi를 사용하기 위해 axios를 사용했을 때를 기억하면, axios는 useQuery와 다르게, 내가 원하는 곳에서 원하는 버튼을 클릭했을 때, api요청을 할 수 있었다. 하지만! useQuery는 이렇게 동작하지 않고, 페이지가 렌더링될 때 자동으로 쿼리가 요청됐다. 그렇다면, useQuery를 axios처럼 우리가 원하는 곳에서 api를 요청하기 위해선 어떻게 하면 좋을까? 이를 위해 사용했던 기능이 useApolloClient 👏👏 그렇다면, 왜 useQuery를 이용하여 페이지가 랜더링될 때 fetchUserLoggedIn 이라는 API를 자..
2021. 8. 8.
폼 라이브러리, 검증 라이브러리, 공통 컴포넌트
8/5 폼 라이브러리는 여러 종류가 있다. react-form, redux-form, formik, react-hook-form 등... 폼 라이브러리란 그동안 스프레드 연산자를 쓰고, onChangeInput, isEvery, state 등을 만들어서 직접 관리했던 폼들을 미리 만들어 놓고, 라이브러리 형태로 제공해 주는 것이 폼 라이브러리. 그 중, 최근에 함수형 컴포넌트에서 가장 많이 사용되는 폼 라이브러리가 바로 react-hook-form 검증 라이브러리 -> 오늘은 yup yup을 사용하여, 기존의 정규표현식 또는 length를 기준으로 한 최소/최대글자수, 등의 조건을 아주 쉽게 추가할 수 있다. 또한, 검증 라이브러리와 폼 라이브러리는 서로간에 독립적으로 사용될 수 있으므로, 반드시 rea..
2021. 8. 8.
