리듬 소리 다양화
시퀀스 타임라인에 5트랙 드럼(킥/스네어/하이햇/탐/클랩)을 지원하고, 메트로놈에 4가지 음색(림샷/하이햇/카우벨/클라베스)을 추가했습니다.
- •5트랙 드럼 지원 (킥, 스네어, 하이햇, 탐, 클랩)
- •메트로놈 4가지 음색 추가 (림샷, 하이햇, 카우벨, 클라베스)
- •Web Audio API 기반 실시간 사운드 합성
- •트랙별 볼륨 밸런스 최적화
박수 감지 알고리즘 개선 (V2)
피크 감지 기반의 새로운 박수 감지 알고리즘을 적용하여 마이크 입력의 정확도를 개선했습니다.
- •피크 감지 방식으로 박수 인식 정확도 향상
- •스펙트럼 분석으로 박수와 음성/잡음 구별
- •비트 감지 시 즉시 UI 반영 (지연 제거)
- •적응형 노이즈 플로어로 다양한 환경 지원
SEO 동적 URL noindex 처리
쿼리 파라미터가 포함된 동적 URL에 noindex 메타태그를 추가하여 Google/Naver 색인 문제를 해결했습니다.
- •동적 URL에 noindex 메타태그 추가
- •hreflang에서 ?lang=en 파라미터 제거
- •robots.txt에 ?beats= 패턴 차단 추가
튜너 음 유지 시간 개선
기타 튜너의 음 감지 안정성을 개선했습니다. 음 유지 시간(Hold Time)과 페이드 효과를 추가했습니다.
- •음 유지 시간 (Hold Time) 기능 추가
- •음 표시 페이드 효과
- •음 감지 안정성 향상
기타 튜너 기능
마이크를 사용하여 기타 튜닝을 할 수 있는 기능을 추가했습니다. 크로매틱 모드와 기타 표준 튜닝을 지원합니다.
- •크로매틱 튜너 모드 지원
- •기타 표준 튜닝 (E2-A2-D3-G3-B3-E4)
- •실시간 피치 감지 (YIN 알고리즘)
- •튜닝 상태 실시간 시각화
- •한국어/영어 다국어 지원
SEO 동적 URL 크롤링 차단
Google Search Console 색인 문제를 해결하기 위해 robots.txt에 동적 URL 크롤링 차단 규칙을 추가했습니다.
- •robots.txt 자동 생성 스크립트 업데이트
- •동적 URL 파라미터 크롤링 차단
- •삭제된 레거시 페이지 크롤링 차단
리듬 패턴 저장 기능
리듬 연습에서 만든 패턴을 저장하고 불러올 수 있습니다. localStorage를 활용하여 브라우저를 닫아도 패턴이 유지됩니다.
- •나만의 리듬 패턴 저장
- •저장된 패턴 불러오기
- •패턴 삭제 기능
- •브라우저 로컬 저장소 영구 저장
- •온보딩 튜토리얼 가이드 추가
BPM 점진적 증가 기능
시작 BPM에서 목표 BPM까지 점진적으로 템포를 증가시킬 수 있습니다. 연습 난이도를 자연스럽게 높일 수 있습니다.
- •시작 BPM → 목표 BPM 자동 증가
- •증가 단계 (BPM) 설정
- •마디 단위 진행 표시
메트로놈 자동 정지
다른 페이지로 이동할 때 메트로놈이 자동으로 정지됩니다.
- •페이지 이동 시 자동 정지
온보딩 튜토리얼
처음 사용자를 위한 단계별 튜토리얼을 추가했습니다. Intro.js를 활용하여 주요 기능을 안내합니다.
- •Intro.js 기반 튜토리얼
- •메트로놈 사용법 안내
- •리듬 연습 사용법 안내
시퀀스 타임라인
리듬 패턴을 시각적으로 편집할 수 있는 타임라인 UI를 추가했습니다.
- •5트랙 (킥/스네어/하이햇/탐/클랩) 편집
- •드래그 앤 드롭 비트 이동
- •그리드 스냅 기능
- •실시간 편집 및 재생
연습 타이머
연습 시간을 설정하고 추적할 수 있는 타이머 기능을 추가했습니다.
- •카운트다운 타이머
- •세션별 연습 시간 추적
- •정확한 타이밍 (requestAnimationFrame)
프리셋 시스템
메트로놈 설정을 프리셋으로 저장하고 불러올 수 있습니다.
- •현재 설정 프리셋 저장
- •저장된 프리셋 불러오기
- •Zustand persist 미들웨어 활용
마이크로 인터랙션 개선
버튼 클릭, 호버 등의 인터랙션 효과를 개선했습니다.
- •버튼 클릭 애니메이션
- •호버 효과 개선
- •BPM 변경 시 애니메이션
다크 모드
눈의 피로를 줄이는 다크 모드를 지원합니다. 시스템 설정을 따르거나 수동으로 전환할 수 있습니다.
- •시스템 테마 자동 감지
- •수동 전환 토글
- •설정 영구 저장