리액트 커스텀훅과 유틸함수 (custom hooks)

• 리액트 훅은 함수형 컴포넌트에서 상태와 라이프사이클 기능을 사용할 수 있게 해주는 기능으로, 대표적인 내장 훅으로는 useState, useEffect, useRef, useMemo, useCallback 등이 있다.

• 커스텀 훅은 내장 훅을 조합하거나 특정 로직을 재사용하기 위해 만든 사용자 정의 훅으로, 이름은 'use'로 시작해야 하며, 로직 분리와 코드 재사용성을 높이는 데 유용하다.

• 유틸함수는 리액트 훅과 달리 상태와 컴포넌트에 종속되지 않고 특정 작업을 수행하기 위해 만들어진 일반 함수로, 주로 데이터 변환, 형식화, 계산 등의 작업을 수행한다.

• 커스텀 훅은 hooks 폴더에, 유틸함수는 utils 폴더에 각각 관리하며, 커스텀 훅은 리액트 컴포넌트와의 상호작용이 필요한 로직을, 유틸함수는 독립적인 로직을 재사용하기 위해 사용한다.