펜타토닉 A폼만 백번 돌리던 스스로가 한심해서, 직접 심플한 연습 도구를 만들었음...

이름은 "에휴.. (Ehyo..)" 임

앱 켜면 첫 화면에 자극 멘트가 10초마다 바뀌면서 뜬다

연습 시작 전에 정신 한 번 차리라고 만든 장치임

https://ehyo.up.railway.app/

주요 기능

1. 메트로놈

- BPM·박자 설정, 사운드 5종, Tap Tempo 지원

2. 지판 스케일 가이드

- 16종 스케일 지원 — 메이저/마이너, 하모닉·멜로딕 마이너, 펜타토닉 5종, 도리안·프리지안·리디안·믹솔리디안 등

- 루트 / 주요 음 / 일반 음 3단계 계층을 크기·색상으로 구분 및 커스텀 설정

- 키 전환, 왼손·오른손 전환, 도수 표기 ↔ 음이름 표기 전환

3. 실전 연습 — 코드 진행 백킹 트랙

- 장르별 22장의 코드 진행 카드 (블루스·재즈·펑크·모달·포크·록 등)

- 진행에 맞춘 백킹 트랙 자동 생성, 볼륨·템포·키 자유 조절 (물론 사운드 퀄리티는 현재 좋지 않은 편..)

- 지판 스케일 가이드와 한 화면에서 같이 사용 가능

- 현재 울리는 코드에 맞춰 루트(red)·코드톤(blue)·텐션음(gray)을 지판 위에 오버레이

링크

- 앱: https://ehyo.up.railway.app/ 

안내

- 진행 카탈로그에 "이런 카드 있으면 좋겠다" 하시는 거 있으면 댓글 부탁드립니다. 지금은 블루스·재즈·펑크 위주라 메탈·시티팝 쪽이 비어 있습니다.

- 자극 멘트 신박한 거 있으시면 환영입니다. 멘탈에 깊게 박히는 멘트이면 좋아요

- 모바일 최적화는 아직 안 돼 있습니다. PC에서 사용좀요

- 배포는 무료 플랜이라 언제 터질지 모릅니다. 근시일 내 유료 플랜으로 옮길 예정입니다.

기술적인 부분

- 미숙하지만 Claude Code로 개발했습니다. 본업이 개발자 계열이긴 합니다.

- 사운드는 smplr 라이브러리(Soundfont + DrumMachine + Reverb) 기반.

- 네이티브 앱도 아니고 대충 만든거라 음질은 한계가 명확히 있습니다.

- Next.js 15 / TypeScript / Web Audio API.