hotkeys 썸네일형 리스트형 React에서 키보드 단축키 시스템 구축하기 키보드 단축키는 파워 유저의 생산성을 크게 높입니다. 하지만 글로벌/로컬 범위, 플랫폼별 Cmd/Ctrl, 입력 필드 예외 처리, 접근성까지 고려하면 구조적으로 설계해야 합니다. 이 글에서는 실무에서 바로 쓸 수 있는 React 단축키 시스템을 훅과 컨텍스트로 구축하는 방법을 정리합니다.1. 요구사항 정리와 설계 원칙단축키 시스템은 다음을 충족해야 합니다.- 글로벌 단축키와 컴포넌트 범위 단축키를 모두 지원합니다.- Mac과 Windows의 mod 키(Cmd/Meta vs Ctrl)를 통일적으로 처리합니다.- 입력/텍스트 편집 중에는 단축키가 개입하지 않도록 예외 처리합니다.- 중복 충돌을 탐지하고, 우선순위/전파 제어가 가능합니다.- 접근성을 위해 aria-keyshortcuts, 대체 UI(명령어 팔.. 더보기 이전 1 다음