커스텀 React 훅 구현
입출력 계약이 있는 커스텀 훅을 작성합니다.
언제 쓰나요
반복되는 클라이언트 로직을 훅으로 뺄 때, 타입·엣지 케이스까지 포함한 초안이 필요할 때 사용합니다.
강조할 것
- 언어·프레임워크·버전을 명시한다
- 입출력 예시와 엣지 케이스를 준다
- 제약(성능·보안·의존성)을 적는다
- 테스트·검증 방법을 요청한다
빼거나 피할 것
- 프로덕션 시크릿·실키를 붙여 넣지 않는다
- 요구사항을 ‘알아서’에 맡기지 않는다
- 보안 취약점 악용 절차를 묻지 않는다
- 관련 없는 파일 전체를 덤프하지 않는다
왜 이 구조인가요
React 훅 프롬프트는 목적·제약·검수 기준을 앞에 두고 슬롯으로 사실만 채우게 해 결과 편차를 줄입니다. 강조/피하기를 분리하면 모델이 ‘무엇을 살릴지’와 ‘무엇을 뺄지’를 동시에 이해합니다. aimodu.kr에서는 초보도 바로 복붙 후 검수할 수 있도록 길이·형식·금지 사항을 템플릿에 고정합니다.
슬롯 채우기
아래 칸을 채우면 미리보기의 {{변수}}가 치환됩니다. 비우면 플레이스홀더가 유지됩니다.
완성 예시
useDebouncedValue 예시.
관련 서비스
이 프롬프트를 쓰기 좋은 AI 서비스입니다.
관련 용어
같은 용도 다른 프롬프트
코드 · 구현 더보기자주 묻는 질문
라이브러리 허용?
constraints에 명시하세요.
React Compiler?
메모 최소화 지침을 추가하세요.