Bin's Blog

글의 시작 오늘 다루는 주제는 내가 실제 면접 때 질문을 받아봤던 내용이다. 요즘에는 함수형 컴포넌트가 사용하기 편해서 클래스형 컴포넌트 보다 더 많이 쓰는 추세라고 한다. 나는 프로젝트 때 함수형 컴포넌트만 다뤄봤다. 그러다 문득 단순한 고민에 빠졌다. "왜 함수형 컴포넌트를 쓰지?" 면접을 준비하고 "리액트를 다루는 기술"이라는 책을 읽게 되면서 클래스형 컴포넌트의 존재에 대해서 처음 알게 됐다. "최소 내가 사용하는 도구의 장단점이나 사용 목적에 대해서는 알아야하지 않을까?"라는 마인드라서, 이번 글을 통해 차이점을 분석하는 시간을 가져보려고 한다. Class component vs Functional component React Component 선언 방식은 크게 두 가지로 나뉜다. 하나는 클래스..

글의 시작 오늘 다루는 주제는 지난 시간에 이어서 React-Query에 대해서 계속 알아보자. 특별히, 대표적인 React-Query의 기능들에서 살펴보고자 한다. 🛠️ 대표적인 기능들 React-Query에서 data fetching을 위해 제공하는 대표적인 기능들을 살펴보자 기본적으로 GET에는 useQuery가, PUT, UPDATE, DELETE에는 useMutation이 사용된다. useQuery 첫 번째 파라미터로 unique key를 포함한 배열이 들어간다. 이후 동일한 쿼리를 불러올 때 유용하게 사용된다. useQuery는 기본적으로 3개의 인자를 받는다. 첫 번째 인자가 queryKey(필수), 두 번째 인자가 queryFn(필수), 세 번째 인자가 options(optional)이다...