요약

  • 개발 비전공자가 Claude Code를 활용해 교회 반주자를 위한 코드 차트 작성 및 키 전조 Android 앱을 기획하고 구현했다.

제작 동기

  • 교회에서 피아노 반주를 맡고 있는 비전공자 가족이 매주 키 변경 요청을 받는 상황을 보고, 즉석 전조의 어려움을 해결하고 싶었다.
  • 개발 지식 없이도 실제로 쓸 수 있는 앱을 만들 수 있는지 직접 시도해보고 싶었다.
  • Claude Code를 활용해 기획과 방향 설정은 직접 하고, 코드 작성은 AI와 협업하는 방식으로 진행했다.

목표 설정

  • 작업 기간: 2026.03.14.~진행 중
  • 목표
    • 비전공 반주자도 직관적으로 사용할 수 있는 코드 차트 앱 구현
    • 원곡 키 기준으로 코드를 저장하고, 표시 시에만 전조 적용하는 구조 설계
    • 섹션(A-B-A-B-C) 기반 곡 구성 관리 기능 구현
    • .chord 프로젝트 파일, PDF, 이미지 내보내기로 팀원 간 공유 지원

주요 작업

  1. 기획 및 설계 ☑️
    1. 타겟 유저 정의 및 핵심 시나리오 설계 ☑️
    2. CLAUDE.md 작성 — 기능 명세, 데이터 모델, 전조 로직, 화면 구성 등 Claude Code가 참조할 프로젝트 문서 직접 작성 ☑️
  2. 코어 기능 구현 ☑️
    1. Room DB 기반 곡/마디 데이터 모델 설계 ☑️
    2. 전조 로직 구현 (TransposeUtils.kt) ☑️
    3. 차트 화면 기본 렌더링 ☑️
  3. 편집 기능 구현 ☑️
    1. 마디 추가/삭제/삽입 ☑️
    2. 코드 입력 키보드 (근음→반음→종류→확장음→베이스 조합 방식) ☑️
    3. 가사 및 섹션 레이블 편집 ☑️
  4. 구성 기능 구현 ☑️
    1. 섹션 블록 순서 배열 및 drag & drop ☑️
    2. 블록 탭으로 해당 섹션 이동 ☑️
    3. 폰트 크기 설정 ☑️
  5. 공유 기능 구현 ☑️
    1. .chord 프로젝트 파일 내보내기/불러오기 ☑️
    2. PDF 내보내기 (A4 다중 페이지) ☑️
    3. PNG 이미지 내보내기 ☑️
  6. UI/UX 개선 ⏳
    1. EditPanel 통합 UI 및 500ms 자동 저장 ☑️
    2. 마디 다중선택 및 일괄 이동/삭제 ☑️
    3. 좌우 스와이프로 마디 전환 ☑️
    4. ChordPicker, BaseOverlay 버튼 UI 수정
    5. Device 간 최적화
    6. Section의 Color를 User가 색상 팔레트에서 직접 선택하도록 수정.
    7. 마디 복제

결과