기타 연주자를 위한 스케일 연습 웹 애플리케이션
기타 연주자들이 다양한 스케일을 연습할 수 있도록 돕는다.
웹 화면에 가상 프렛보드와 메트로놈을 구현하여, 사용자 설정(scale, key, bpm 등)에 따른 스케일 연주 시뮬레이션을 제공한다.
-
사용자 설정 보드
- 사용자는 원하는 [Scale, Key, BPM, Subdivision]를 설정하고 저장
-
가상 메트로놈
- 사용자 설정 BPM에 맞추어 움직이며 박자를 세는 기능
- 프렛보드의 스케일 시뮬레이션과 독립적으로 On/Off 가능
- 스케일 재생 중 어떤 타이밍에 On 하더라도 싱크가 맞도록 구현
-
가상 프렛보드
- 기타 프렛보드를 실물과 동일한 비율로 화면 상에 구현
- [재생중인 노트, 스케일에 속한 노트, 블록 노트, 루트 노트]를 색상과 투명도로 구분하여 하이라이팅
- 각 스케일 별로 블록이 나누어져 있어 원하는 블록만 선택 가능
-
스케일 연주 시뮬레이션
- 사용자 설정에 따른 다양한 경우의 스케일 연주 시뮬레이션 제공
- Tone.js를 활용하여 정확한 박자와 음정 처리
- 선택한 블록만 집중적으로 연습 가능
- 재생 모드(반복/한 번만)와 볼륨을 재생 중 실시간으로 변경 가능
- 프론트엔드: React, TypeScript, Vite
- 오디오 처리: Tone.js
- 스타일링: styled-components
- 고객 지원: Channel.io
- 배포: Vercel
© 2025 YourName. All Rights Reserved.
본 프로젝트의 모든 소스 코드는 저작권 보호를 받으며, 무단 사용, 복사, 수정, 배포를 금지합니다.
이 코드의 사용을 원할 경우, 저작권자의 명시적인 허가가 필요합니다.