Skip to content

DmNote-App/DmNote

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

319 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

ν•œκ΅­μ–΄ | English

dmnote Logo

DM Note

λ¦¬λ“¬κ²Œμž„μ„ μœ„ν•œ μ˜€ν”ˆ μ†ŒμŠ€ ν‚€λ·°μ–΄ ν”„λ‘œκ·Έλž¨

μ‚¬μš©μž μ •μ˜ ν‚€ λ§€ν•‘κ³Ό μŠ€νƒ€μΌλ§, μ†μ‰½κ²Œ μ „ν™˜ κ°€λŠ₯ν•œ 프리셋, λͺ¨λ˜ν•˜κ³  직관적인 μΈν„°νŽ˜μ΄μŠ€λ₯Ό μ œκ³΅ν•©λ‹ˆλ‹€.

GitHub release GitHub downloads GitHub license

demo.mp4

🌟 κ°œμš”

DM NoteλŠ” DJMAX RESPECT Vμ—μ„œ μ‚¬μš©ν•˜κΈ° μœ„ν•΄ λ§Œλ“€μ–΄μ§„ ν‚€λ·°μ–΄ ν”„λ‘œκ·Έλž¨μž…λ‹ˆλ‹€. Electronκ³Ό React둜 ꡬ좕 λ˜μ—ˆμœΌλ©° ν‚€λ³΄λ“œ 후킹을 μœ„ν•΄ node-global-key-listener-extended νŒ¨ν‚€μ§€λ₯Ό μ‚¬μš©ν•©λ‹ˆλ‹€. κ°„νŽΈν•œ μ„€μ •μœΌλ‘œ μŠ€νŠΈλ¦¬λ°μ΄λ‚˜ ν”Œλ ˆμ΄ μ˜μƒ μ œμž‘ μ‹œ ν‚€ μž…λ ₯을 μ‹œκ°μ μœΌλ‘œ 보여쀄 수 μžˆμŠ΅λ‹ˆλ‹€. ν˜„μž¬λŠ” windows ν™˜κ²½λ§Œ μ§€μ›ν•˜λ©°, λ¦¬λ“¬κ²Œμž„ μ΄μ™Έμ˜ λ‹€λ₯Έ κ²Œμž„μ—μ„œλ„ μ‚¬μš©μ΄ κ°€λŠ₯ν•©λ‹ˆλ‹€.

DM NOTE v1.2.0 λ‹€μš΄λ‘œλ“œ

✨ μ£Όμš” κΈ°λŠ₯

⌨️ ν‚€λ³΄λ“œ μž…λ ₯ 및 λ§€ν•‘

  • μ‹€μ‹œκ°„ ν‚€λ³΄λ“œ μž…λ ₯ 감지 및 μ‹œκ°ν™”
  • μ»€μŠ€ν…€ ν‚€ λ§€ν•‘ μ„€μ •

🎨 ν‚€ μŠ€νƒ€μΌ μ»€μŠ€ν„°λ§ˆμ΄μ§•

  • ν‚€ μ‚¬μ΄μ¦ˆ 쑰절 및 μΆ”κ°€/μ‚­μ œ
  • κ·Έλ¦¬λ“œ 기반 ν‚€ 배치
  • 이미지 ν• λ‹Ή 지원
  • μ»€μŠ€ν…€ CSS 지원

πŸ’Ύ 프리셋 및 μ„€μ • 관리

  • μ‚¬μš©μž μ„€μ • μžλ™ μ €μž₯
  • 프리셋 μ €μž₯/뢈러였기

πŸ–ΌοΈ μ˜€λ²„λ ˆμ΄ 및 μ°½ 관리

  • μ°½ μœ„μΉ˜ κ³ μ •
  • 항상 μœ„μ— ν‘œμ‹œ
  • λ¦¬μ‚¬μ΄μ¦ˆ 기쀀점 선택

🌧️ λ…ΈνŠΈ 효과 (Raining Effect) μ»€μŠ€ν„°λ§ˆμ΄μ§•

  • λ…ΈνŠΈ 효과 색상, 투λͺ…도, λΌμš΄λ”©, 속도, 높이 쑰절
  • λ¦¬λ²„μŠ€ κΈ°λŠ₯

βš™οΈ κ·Έλž˜ν”½ 및 μ„€μ •

  • λ‹€κ΅­μ–΄ 지원 (ν•œκΈ€, μ˜μ–΄)
  • κ·Έλž˜ν”½ λ Œλ”λ§ μ˜΅μ…˜ (Direct3D 11/9, OpenGL)
  • μ„€μ • μ΄ˆκΈ°ν™”

πŸš€ 개발

기술 μŠ€νƒ

  • ν”„λ‘ νŠΈμ—”λ“œ: React 19 + Typescript + Vite 7
  • λ°±μ—”λ“œ: Electron
  • μŠ€νƒ€μΌλ§: Tailwind CSS 3
  • ν‚€λ³΄λ“œ ν›„ν‚Ή: node-global-key-listener-extended
  • νŒ¨ν‚€μ§€ λ§€λ‹ˆμ €: npm

폴더 ꡬ쑰

DmNote/
β”œβ”€ src/                          # μ†ŒμŠ€ μ½”λ“œ
β”‚  β”œβ”€ main/                      # Electron 메인 ν”„λ‘œμ„ΈμŠ€
β”‚  β”‚  β”œβ”€ app/                    # Application λΆ€νŠΈμŠ€νŠΈλž©
β”‚  β”‚  β”œβ”€ core/                   # ipcRouter, windowRegistry
β”‚  β”‚  β”œβ”€ domains/                # 도메인 λΌμš°νŒ… (app, settings, keys, overlay, css, preset, system)
β”‚  β”‚  β”‚  β”œβ”€ keys/                # ν‚€ λ§€ν•‘ κΈ°λ³Έκ°’
β”‚  β”‚  β”‚  └─ positions/           # ν‚€ ν¬μ§€μ…˜ κΈ°λ³Έκ°’
β”‚  β”‚  β”œβ”€ services/               # μ„œλΉ„μŠ€ (ν‚€λ³΄λ“œ λ¦¬μŠ€λ„ˆ λ“±)
β”‚  β”‚  β”œβ”€ store/                  # electron-store + zod μŠ€ν‚€λ§ˆ
β”‚  β”‚  β”œβ”€ windows/                # BrowserWindow 래퍼 + config
β”‚  β”‚  β”œβ”€ preload.ts              # contextBridge API λ…ΈμΆœ(window.api)
β”‚  β”‚  └─ main.ts                 # 메인 μ§„μž…μ 
β”‚  β”œβ”€ renderer/                  # React λ Œλ”λŸ¬
β”‚  β”‚  β”œβ”€ components/             # UI μ»΄ν¬λ„ŒνŠΈ
β”‚  β”‚  β”œβ”€ hooks/                  # μƒνƒœ/동기화 ν›…
β”‚  β”‚  β”œβ”€ stores/                 # Zustand μŠ€ν† μ–΄
β”‚  β”‚  β”œβ”€ windows/                # λ Œλ”λŸ¬ μœˆλ„μš° (main/overlay)
β”‚  β”‚  β”œβ”€ styles/                 # μ „μ—­/곡톡 μŠ€νƒ€μΌ
β”‚  β”‚  └─ assets/                 # 정적 λ¦¬μ†ŒμŠ€
β”‚  └─ types/                     # 곡유 νƒ€μž…/μŠ€ν‚€λ§ˆ
β”œβ”€ package.json                  # ν”„λ‘œμ νŠΈ μ˜μ‘΄μ„± 및 μ‹€ν–‰ 슀크립트 
β”œβ”€ tsconfig.json                 # TypeScript (λ Œλ”λŸ¬/곡용) μ„€μ •
β”œβ”€ tsconfig.main.json            # TypeScript (메인) μ „μš© μ„€μ •
β”œβ”€ vite.config.ts                # Vite (λ Œλ”λŸ¬) μ„€μ •
└─ dist/                         # λΉŒλ“œ κ²°κ³Όλ¬Ό 

κΈ°λ³Έ μ„€μΉ˜ 및 μ‹€ν–‰

이 ν”„λ‘œμ νŠΈλŠ” μ „μ—­ ν‚€λ³΄λ“œ 후킹을 μœ„ν•΄ node-gypλ₯Ό μ΄μš©ν•˜λŠ” node-global-key-listener-extended νŒ¨ν‚€μ§€λ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. ν•΄λ‹Ή νŒ¨ν‚€μ§€λŠ” λ„€μ΄ν‹°λΈŒ C++ μ½”λ“œλ₯Ό λΉŒλ“œν•΄μ•Ό ν•˜λ―€λ‘œ λ‹€μŒ 개발 ν™˜κ²½μ΄ μ„€μΉ˜λ˜μ–΄ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€.

  • Node.js
  • Python 3.x
  • Visual Studio Build Tools (C++ λ°μŠ€ν¬ν†± 개발 μ›Œν¬λ‘œλ“œ 포함)

μœ„μ˜ 개발 ν™˜κ²½μ΄ λͺ¨λ‘ μ€€λΉ„λ˜μ—ˆλ‹€λ©΄, ν„°λ―Έλ„μ—μ„œ λ‹€μŒ λͺ…λ Ήμ–΄λ₯Ό μˆœμ„œλŒ€λ‘œ μž…λ ₯ν•˜μ„Έμš”.

git clone https://github.com/lee-sihun/DmNote.git
cd DmNote
npm install
npm run start

(선택) C++ λΉŒλ“œ 도ꡬ 없이 λΉ λ₯΄κ²Œ ν…ŒμŠ€νŠΈ

개발 ν™˜κ²½μ— C++ λΉŒλ“œ ν™˜κ²½ ꡬ성이 μ–΄λ €μš΄ 경우, νŒ¨ν‚€μ§€μ˜ 사전 λΉŒλ“œλœ 버전을 μ‚¬μš©ν•΄μ„œ ν…ŒμŠ€νŠΈλ₯Ό μ§„ν–‰ν•  수 μžˆμŠ΅λ‹ˆλ‹€. package.json의 postinstall 슀크립트λ₯Ό μ œκ±°ν•˜κ³  dependencies ν•­λͺ©μ„ μ•„λž˜μ™€ 같이 λ³€κ²½ν•΄μ£Όμ„Έμš”.

{
  "dependencies": {
    "node-global-key-listener-extended": "github:lee-sihun/node-global-key-listener#win-keyserver-version"
  }
}

νŒŒμΌμ„ μˆ˜μ •ν•œ λ’€, ν„°λ―Έλ„μ—μ„œ npm install와 npm run startλ₯Ό μ‹€ν–‰ν•΄μ£Όμ„Έμš”.

πŸ–ΌοΈ μŠ€ν¬λ¦°μƒ·

Note Effect

ν‚€λ·°μ–΄ 데λͺ¨ 2

ν‚€λ·°μ–΄ 데λͺ¨ 4

πŸ“ 참고사항

  • κ·Έλž˜ν”½ 문제 λ°œμƒ μ‹œ μ„€μ •μ—μ„œ λ Œλ”λ§ μ˜΅μ…˜μ„ λ³€κ²½ν•΄μ£Όμ„Έμš”.
  • OBS μœˆλ„μš° 캑쳐둜 ν¬λ‘œλ§ˆν‚€ 없이 배경을 투λͺ…ν•˜κ²Œ 뢈러올 수 μžˆμŠ΅λ‹ˆλ‹€.
  • κ²Œμž„ ν™”λ©΄ μœ„μ— ν‘œμ‹œν•  경우, 항상 μœ„μ— ν‘œμ‹œλ‘œ λ°°μΉ˜ν•œ λ’€ μ˜€λ²„λ ˆμ΄ μ°½ 고정을 ν™œμ„±ν™”ν•΄μ£Όμ„Έμš”.
  • κΈ°λ³Έ 제곡 프리셋, μ»€μŠ€ν…€ CSS 예제 νŒŒμΌμ€ resources > resources 폴더에 μžˆμŠ΅λ‹ˆλ‹€.
  • 클래슀λͺ… ν• λ‹Ή μ‹œ μ„ νƒμžλŠ” μ œμ™Έν•˜κ³  μ΄λ¦„λ§Œ μž…λ ₯ν•΄μ£Όμ„Έμš”.(blue -> o, .blue -> x)
  • ν”„λ‘œκ·Έλž¨ κΈ°λ³Έ 섀정은 %appdata%/dm-note ν΄λ”μ˜ config.json에 μ €μž₯λ©λ‹ˆλ‹€.

🀝 κΈ°μ—¬ν•˜κΈ°

μ—¬λŸ¬λΆ„μ˜ μ°Έμ—¬λ₯Ό ν™˜μ˜ν•©λ‹ˆλ‹€! μžμ„Έν•œ λ‚΄μš©μ€ κΈ°μ—¬ κ°€μ΄λ“œλ₯Ό ν™•μΈν•΄μ£Όμ„Έμš”.

πŸ“„ λΌμ΄μ„ μŠ€

GPL-3.0 License Copyright (C) 2024 lee-sihun

❀️ Special Thanks!

About

A Fully Customizable Key Viewer Optimized for DJMAX RESPECT V, Ready for Any Game

Topics

Resources

License

Contributing

Stars

Watchers

Forks

Sponsor this project

 

Packages

 
 
 

Contributors