메트로놈 Simple Metronome
메트로놈 Simple Metronome 바로가기 ↗
이 글은 메트로놈 Simple Metronome 시리즈의 1번째 기록입니다. (총 11개)

요약

  • 피아노 연습 중 광고가 붙은 기존 메트로놈 앱에 불편함을 느껴, ChatGPT를 활용해 직접 Android 메트로놈 앱을 기획하고 Google Play에 출시했다.
  • 출시가 끝이 아니라, 이후에도 테마·박자표 UI·프리셋·사운드·비트 플래시·다국어·백그라운드 재생을 더하며 v1.14까지 이어왔다.

제작 동기

  • 피아노 연습실을 다니며 메트로놈 앱을 쓰던 중, 2시간 내내 흘러가는 광고 배너가 불편했다.
  • “내가 직접 만들어서 내 계정 광고를 붙이면 되지 않을까”라는 생각으로 직접 제작을 결심했다.
  • HTML/CSS/JS 클론코딩 수준의 개발 지식만 있었지만, ChatGPT와 협업하는 방식으로 진입장벽을 낮췄다.

목표 설정

  • 작업 기간: 2025.06.~2026.07.12.
  • 목표
    • 연습 중 방해가 없는 광고 최소화 앱 구현 (배너만, 전면 광고 제외)
    • 타이밍이 안정적인 메트로놈 구현
    • 세로/가로 전환 및 다양한 박자(Beats per Bar, Sub per Beat) 지원
    • Google Play 출시

주요 작업

  1. 1차 구현 및 리셋 ☑️
    1. 앱 아이콘 및 메인 컬러 팔레트 확정 (Teal / Dark Charcoal / Light Gray / Pink Accent) ☑️
    2. 초기 버전 개발 — 소리 간격 불안정 문제 확인 후 프로젝트 전면 재시작 ☑️
  2. 핵심 기능 구현 ☑️
    1. 안정적인 타이밍의 메트로놈 로직 구현 ☑️
    2. BPM 조절 (±1 / ±5 버튼 + SeekBar 이중 방식) ☑️
    3. 박자 인디케이터 시각 요소 추가 ☑️
    4. Rotate 지원 — BPM 유지하며 세로/가로 전환 가능 ☑️
  3. 박자 기능 확장 ☑️
    1. Beats per Bar / Sub per Beat 기능 추가 (4/4, 6/8, 12/8 등 지원) ☑️
  4. 광고 및 배포 ☑️
    1. Google AdMob 하단 배너 광고 적용 ☑️
    2. Google Play 비공개 테스트 (Closed Test) — 지인·가족 12명 모집 및 피드백 수집 ☑️
    3. Google Play 프로덕션 출시 ☑️
  5. 출시 후 개선 ⏳
    1. 강아지(발자국) 테마와 다크 테마 추가 ☑️
    2. 흩어져 있던 설정을 우측 슬라이드 드로어 하나로 통합 ☑️
    3. 분수형 박자표 UI — 분자/분모 슬라이딩 피커, 6/8·9/8·12/8 정통 컴파운드 처리, 중복이던 Subdivision 컨트롤 제거 ☑️
    4. 프리셋 저장·불러오기 — 지금 설정을 이름 붙여 저장하고 탭 한 번으로 복원 ☑️
    5. 사운드 선택 — 메트로놈 클릭 / 드럼 비트 ☑️
    6. 비트 플래시 — 박마다 화면과 카메라 토치 점멸(기본 꺼짐) ☑️
    7. 영어·한국어 다국어 — 기기 언어 자동 전환 ☑️
    8. 백그라운드 재생 — 포그라운드 서비스와 알림 제어로 앱을 벗어나도 계속 재생 (v1.14) ☑️

결과

  • 목표했던 광고 최소화·안정적 타이밍·다양한 박자·Google Play 출시를 모두 달성했다.
  • v1.14로 프로덕션 출시 상태이며, 출시 후에도 테마·박자표·프리셋·사운드·백그라운드 재생 등으로 업데이트해 왔다.

Series: 메트로놈 Simple Metronome


Suggested Posts