useEnterKey 훅

[Db0111]

#️⃣ 연관된 이슈

• useEnterKey 훅 #71

📝 훅 간단 사용 설명

어떤 훅인지 간단하게 설명해주세요! (docs 내용 기반)

useEnterKey는 입력 요소에 포커스된 상태에서 Enter 키 입력을 감지해 특정 동작을 실행할 수 있도록 도와주는 커스텀 훅입니다.

• 입력 요소(input, textarea 등)에 연결할 targetRef를 반환합니다.
• Enter 키 입력 시 callback이 실행됩니다.
• 선택적으로 buttonRef를 넘기면, Enter 입력 시 해당 버튼의 click() 이벤트도 트리거됩니다.

주요 기능

• Enter 키 입력 시점에만 동작
• callback 동기/비동기 모두 지원
• UI 버튼 클릭 이벤트 자동 실행 지원 (옵션)

스크린샷 (선택)

• 처음 케이스 : 버튼을 직접 클릭해서 눌렀을 때
• 두 번쨰 케이스: 엔터키로 이벤트 트리거 했을 때

Screen.Recording.2025-09-09.at.3.49.19.PM.mov

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
2025-fe-hookdle-docs	Ready	Preview	Comment	Sep 9, 2025 8:44am

[hoyyChoi]

약간 Funnel처럼 컴포넌트를 반환하고 이를 감싸서 내부에서 발생하는 enter키를 다 잡는 건 어떨까여?