Custom Hook 썸네일형 리스트형 React Hooks로 커스텀 훅 설계하기 커스텀 훅은 비즈니스/뷰 로직을 깔끔하게 재사용하도록 만드는 가장 실용적인 수단입니다. 이 글에서는 실무에서 바로 쓰는 기준, API 설계 원칙, 비동기/구독/성능/테스트/타이핑까지 커버하는 설계 패턴과 예시 코드를 제공합니다.1. 언제 커스텀 훅을 만들까- 컴포넌트들 사이에 반복되는 상태/이펙트/콜백이 있을 때입니다.- DOM이나 외부 상태(브라우저, 스토어)를 구독해야 할 때입니다.- 복잡한 비동기 흐름(취소, 중복 요청, 로딩/에러 관리)이 필요할 때입니다.2. 기본 원칙 체크리스트- 훅 이름은 use로 시작합니다(useXxx).- 훅 내부에서 다른 훅 호출은 항상 동일한 순서를 보장합니다(조건부 호출 금지).- 훅은 UI를 반환하지 않습니다(JSX 리턴 금지). 데이터, 상태, 콜백만 노출합니다... 더보기 이전 1 다음