README.md

🎹 DM NOTE

DJMAX 실시간 키 입력 표시 프로그램입니다.
스트리밍이나 플레이 영상 제작 시, 키 입력을 시각적으로 보여줄 수 있습니다.

🚀 실행 방법

DM NOTE v 1.0.4 다운로드

git clone https://github.com/lee-sihun/djmax-keyviewer.git
cd djmax-keyviewer
npm i
npm run start

🛠 기술 스택

• 프레임워크: Electron
• UI 라이브러리: React
• 상태 관리: Zustand
• 스타일링: Tailwind CSS
• 번들러: Webpack
• 키보드 후킹: node-global-key-listener
• 세팅 저장: electron-store
• 빌드: electron-builder

✨ 주요 기능

• 실시간 키보드 입력 감지 및 표시
• 커스텀 키 매핑 설정
• 4/5/6/8키 모드 지원
• 키 위치 자유 배치
• 사용자 맞춤 테마 지원 (활성/비활성)
• 프리셋 저장/불러오기
• GPU 가속 설정
• ANGLE 그래픽 백엔드 설정
  • Direct3D 11/9
  • OpenGL
• 오버레이 기능
  • 항상 위에 표시
  • 창 위치 고정
  • 위치 저장

🔜 업데이트 예정

• 키 입력 카운트 표시
• 키 사이즈 커스터마이징
• 동시 입력 간격 밀리초(ms) 표시
• 키 입력 속도 그래프 시각화
• 입력 통계 분석 기능

🖼️ 스크린샷

📝참고사항

• 그래픽 문제 발생 시 설정에서 렌더링 옵션을 변경해주세요.
• 키보드 후킹 라이브러리로 인해 바이러스 오진이 있을 수 있습니다. (관련 이슈)
• OBS 윈도우 캡쳐로 크로마키 없이 배경을 투명하게 불러올 수 있습니다.
• 게임 화면 위에 표시할 경우, 항상 위에 표시로 배치한 뒤 오버레이 창 고정을 활성화해주세요.
• 기본 제공 프리셋은 resources > resources > presets 폴더에 있습니다.