DM NOTE
Make it yours. A customizable key viewer for DJMAX RESPECT V and any game.
개발 기간: 2024.12 ~ 진행 중
팀 구성: 2인 프로젝트
🎹 DM NOTE
Make it yours
나만의 스타일로 완성하는 키뷰어
DM Note는 DJMAX RESPECT V에서 사용하기 위해 만들어진 키뷰어입니다.
다른 게임에서도 자유롭게 사용할 수 있고 설정이 간단해서 스트리밍이나 플레이 영상에 키 입력을 바로 띄울 수 있습니다.
지원 환경 · Windows 10/11 · macOS
✨ 주요 기능
입력과 표시: 실시간 시각화 · 키 매핑 · 노트 효과 · 키 카운터 · KPS 통계와 그래프 · 키음
꾸미기: 그리드에서 키 편집 · 키마다 이미지 지정 · 사용자 정의 CSS · 플러그인 · 프리셋
오버레이: 항상 위에 표시 · 위치 고정 · 리사이즈 기준점 · OBS 브라우저 소스
그 밖에 다국어 5종, 단축키, 설정 초기화, 자동 업데이트를 지원합니다. 자세한 사용법은 문서를 확인해 주세요.
🛠 기술 스택
- 프론트엔드: React 19 + TypeScript + Vite 7
- 백엔드: Tauri
- 스타일링: Tailwind CSS 3
- 입력 감지: Raw Input API (Windows), 전역 입력 이벤트 (macOS)
- 패키지 매니저: npm
🖼️ 스크린샷

📝 참고사항
사용 팁
오버레이를 직접 볼 필요 없이 스트리밍이나 녹화에만 사용한다면 OBS 모드를 권장합니다.
일반 오버레이 모드보다 게임 프레임에 주는 부담이 적습니다.
게임용 컴퓨터와 스트리밍/녹화용 컴퓨터가 따로 있다면 게임용 컴퓨터에서 DM Note를 실행하고 스트리밍/녹화용 컴퓨터에서 OBS 브라우저 소스로 연결하는 방법을 추천합니다.
키뷰어 때문에 생기는 게임 프레임 저하를 거의 없앨 수 있습니다.
오버레이가 게임에 가려질 때
항상 위에 표시를 켜도 일부 게임은 전체화면에서 오버레이를 덮습니다. 이때는 테두리 없는 창 모드를 사용해 주세요.
플러그인과 CSS
신뢰할 수 없는 플러그인은 절대 불러오지 마세요.
비공식 플러그인을 사용할 때는 ChatGPT 같은 도구로 안전한지 반드시 확인한 뒤 사용해 주세요.
사용자 정의 CSS로 프로그램 인터페이스와 오버레이 스타일을 원하는 대로 바꿀 수 있습니다.
공식 플러그인과 CSS 예제는 assets.zip에 들어 있습니다.
클래스명은 선택자 없이 이름만 입력해 주세요. (blue ✅, .blue ❌)