목록sopt (1)
janglog 님의 블로그
useSubmitOnEnter 커스텀훅 제작과 이벤트 루프
Bofit 프로젝트를 진행하며 커뮤니티 글 작성 기능을 만들 때 사용자 경험을 더 자연스럽게 만들기 위해 커스텀 훅을 하나 만들었었어요.모바일 환경에서 글을 작성하고 Enter를 눌러 제출할 때 입력창에 포커스가 계속 남아 있으면 브라우저는 여전히 타이핑 중이라고 판단해요. 그 결과 키보드가 닫히지 않거나, 사용자가 다시 화면을 탭해야 하는 불편이 생길 수 있어요. 이런 상황을 미리 방지하기 위해 만든 훅이 바로 useSubmitOnEnter예요.import { KeyboardEvent, RefObject, useCallback } from 'react';/** * @description Enter 키 입력 시 onSubmit 실행 및 키보드 블러 처리 */export function useSubmitO..
Web
2025. 10. 30. 16:31