[React] Deep Dive 모던 리액트(11) 사용자 정의 훅 & 고차 컴포넌트

중복 코드를 피해야 한다. 개발자라면 모두 공감하는 말이다. 중복코드는 당연히 존재만으로 비효율적일 뿐 아니라 유지보수도 어렵게 만든다. 고차 컴포넌트와 사용자 정의 훅을 사용하면 이런 문제를 해결할 수 있다. 사용자 정의 훅 HTTP요청을 하는 fetch를 기반으로한 사용자 정의 훅 예제를 보자. import React, { useEffect, useState } from "react"; function useFetch( url: string, { method, body }: { method: string; body?: XMLHttpRequestBodyInit } ) { const [result, setResult] = useState(); const [isLoading, setIsLoading] = ..