Skip to content

Conversation

@Db0111
Copy link
Collaborator

@Db0111 Db0111 commented Sep 9, 2025

#️⃣ 연관된 이슈

📝 훅 간단 사용 설명

어떤 훅인지 간단하게 설명해주세요! (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
Copy link

vercel bot commented Sep 9, 2025

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

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

@Db0111 Db0111 changed the title Feat/use enter key useEnterKey 훅 Sep 9, 2025
@Db0111 Db0111 self-assigned this Sep 9, 2025
@hoyyChoi hoyyChoi added the 훅 개발 New feature or request label Sep 9, 2025
@hoyyChoi
Copy link
Collaborator

hoyyChoi commented Sep 9, 2025

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

Base automatically changed from dev to main September 21, 2025 10:20
@hoyyChoi hoyyChoi changed the base branch from main to dev September 22, 2025 04:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

훅 개발 New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants