React를 사용하다 보면 비슷한 로직이 여러 컴포넌트에 반복될 때가 많습니다. 이럴 때 커스텀 훅(Custom Hook)을 사용하면 코드의 중복을 줄이고, 더욱 깔끔하게 관리할 수 있습니다.1. 커스텀 훅이란?커스텀 훅은 use로 시작하는 JavaScript 함수로, React의 내장 훅(useState, useEffect 등)을 활용해 만든 재사용 가능한 기능입니다.2. 간단한 예시: useToggle 훅import { useState } from 'react';function useToggle(initialValue = false) { const [value, setValue] = useState(initialValue); const toggle = () => setValue(prev => !p..
