피아노 연습에 도움이 되는 브라우저 도구 소개
메트로놈, 음표 플래시 카드, 스케일 조견표, 연습 타이머 — 피아노 연습의 과제를 해결하기 위해 만든 4가지 브라우저 도구.

세어서 읽는 벽
악보를 읽을 때, 오선의 아래에서부터 “도, 레, 미…” 하고 세어 올라가는 단계가 있다. 연주는 할 수 있지만, 처리가 두 단계가 된다. 해독한 다음 연주한다. 템포가 올라가면 따라갈 수 없다.
많이 연주하면 어느 정도 개선되지만, 읽는 방식 자체를 바꾸려는 의식이 없으면 효율이 나쁘다. 악보의 음표를 보고, 생각하기 전에 손가락이 움직이는 상태를 만들어야 한다.
마찬가지로, 조표의 ♯♭을 “기억해서 떠올리는” 방식도 곡이 복잡해지면 한계에 부딪힌다. 스케일을 몸에 익혀서, 그 조의 음 배열이 “당연한 것”이 되도록 하는 것이 본래의 접근법이다.
이런 과제에 대응하기 위해 브라우저에서 동작하는 4가지 도구를 만들었다.
Metronome
BPM, 박자, 세분화(8분음표·3연음·16분음표)를 설정하고 클릭 소리를 낸다. 첫째 박에 악센트가 들어가고, 비트 도트로 현재 위치를 시각적으로 확인할 수 있다.
피아노 연습에서는 “BPM을 5씩 올리는” 템포업 연습을 자주 한다. ±1 / ±5 버튼과 슬라이더로 세밀하게 조절할 수 있도록 했다.
Note Flash Cards
오선 위에 무작위 음표가 표시되고, 가능한 빨리 음이름을 맞춘다. 높은음자리표·낮은음자리표를 전환할 수 있다. 반응 속도가 밀리초 단위로 표시되어, “생각해서 답하기”에서 “보고 반응하기”로의 전환을 숫자로 실감할 수 있다.
독보력 훈련에서 가장 효과적이라고 알려진 플래시 카드 방식을 그대로 구현했다. 하루 5분이라도, 매일 하면 반사적인 인식이 정착된다.
Scale Reference
조를 선택하면 구성음이 솔페주와 함께 표시되고, 오른손·왼손 운지법과 미니 건반 하이라이트가 나온다. 연습 중에 “이 조의 ♯이 뭐였지?” 하고 바로 확인할 수 있는 레퍼런스.
12개의 장조와 12개의 단조를 모두 지원한다. 일본어 조 이름(하장조, 이단조 등)도 함께 표시했다.
Practice Timer
연습 메뉴를 블록으로 나누어 타이머로 돌린다. 30분·45분·60분 프리셋이 있고, 섹션 전환 시 소리로 알려준다. 블록의 이름과 시간은 자유롭게 편집할 수 있다.
“하논 5분 → 부분 연습 15분 → 통주 5분 → 자유 연주 5분”처럼 시간을 나누면, 잘하는 부분만 계속 연주하는 문제를 방지할 수 있다.
만든 동기
어느 것이나 기존 앱으로 대체할 수 있는 것들이지만, 하나의 사이트에 모여 있고 브라우저만으로 완결되는 점에 의미가 있다. 연습을 시작할 때 앱을 찾을 필요 없이, 탭을 열기만 하면 된다.