리트코드 문제풀이 (Join Two Arrays by ID)

문제 내용 arr1, arr2 두 개의 배열을 받아서 하나의 joinedArray 을 리턴한다. 각 배열안의 객체는 정수값을 가지는 id 필드가 반드시 포함되어 있다. joinedArray 는 기본적으로 arr1 와 arr2 의 id...

URL 구조 (Query Parameter, Path, etc..)

쿼리스트링, 디렉토리? URL 을 결정하는 기준을 어떻게 잡아야 할까 궁금해져서 적절한 URL 구조를 생성하는 방법에 대해 찾아보았다. 간단한 URL 구조로 생성하기 ✔️ 간단하고 알기 쉬운 단어를 사용 https://en.wikipedia.org/wiki/Aviation ✔️ UTF-8...

간단한 무한 스크롤 만들어보기 with graphQL

간단한 설명 스크롤이 가장 밑에 닿으면 fetch 가 새로운 파라미터와 함께 재호출된다. 더이상 결과가 존재하지 않으면 no more data 텍스트가 보여지고 fetch 는 진행하지 않는다. 사용한 소스 :: API (thecatapi)...

material UI 에 react-hook-form 적용 시 주의할 점

문제 상황 폼 컴포넌트가 사용자의 동작으로 인해 데이터가 변경이 되어야 하는데 값이 바뀌지 않음. 세부 동작 👉 react-hook-form 의 useForm 으로 폼 데이터를 관리 (ex. select, radio, input ..) 👉...

react-query 중요한 기본 개념들 정리

기본 옵션들 👉 StaleTime useQuery 는 기본적으로 캐시된 데이터를 오래된 상태라고 간주한다. (오래된 상태라고 간주하면 새로운 데이터를 요청하게 되므로) 이 기본적으로 적용된 옵션을 막으려면 전역적으로 또는 개별적으로 useQuery 를 호출할...

react-query, react-table 와 상태관리

이번 새로운 프로젝트를 진행하면서 react-query 를 처음 사용하고 있는 중인데 역시 라이브러리가 가진 개념과 방향을 이해하는 게 너무 중요하다는 것을 깨닫는 중이다. react-query 를 사용해서 데이터를 fetch 할 때는 되도록...