이번 내용은 기초를 넘어 커스텀 훅(Custom Hooks)이나 성능 최적화(useMemo, useCallback) 등 중급 단계로 넘어가는 중요한 지점입니다. 리액트의 기초적인 Props와 State, 그리고 Effect를 넘어 오늘은 더 효율적인 코드를 작성하기 위한 내용입니다.1. Custom Hooks (나만의 훅 만들기)여러 컴포넌트에서 반복되는 로직(예: input 핸들링, API 호출, 스크롤 감지 등)을 하나의 함수로 분리하여 재사용하는 방법입니다.특징: 이름이 반드시 use로 시작해야 합니다.장점: 로직이 분리되어 컴포넌트 코드가 간결해지고, 유지보수가 쉬워집니다.JavaScript // useInput.js (예시)import { useState } from 'react';functi..