오늘 해낸 것 (2026-07-07)

오늘 한 일

• 소리꽃 KeyBloom — 편집 UX 라운드
  • 실시간 모드는 웹 지연 한계라 UI에서 숨기고(코드는 네이티브 대비 보존), 패널 탭을 파일/프로젝트/비주얼로 재구성
  • 스크럽 시 큐 미리보기 — 시크·플레이헤드를 드래그하는 위치의 활성 큐로 미리보기
  • 마그넷 스냅 — 큐를 플레이헤드(재생 커서)에 착 달라붙게(시퀀서 토글)
  • Undo/Redo (Ctrl+Z / Ctrl+Y) — 큐 배치·이동·삭제·이름·모든 파라미터 편집을 되돌리기/다시하기
  • 큐 이름 인라인 편집 — 평소 텍스트로 보이고 클릭하면 입력칸, Enter·클릭아웃으로 확정
• 습관만들기 Pawbit — 알림 3종 체계 + 나머지 화면 리스킨
  • 알림 3종(설정에서 on/off) — 강아지 상태 알림(상태 바뀌는 시점에), 시간 지정 습관 알림(습관별 목표 시각), 기본 리마인더. 습관 CRUD·케어·앱 진입 때마다 전체 재예약
  • 홈·설정·내 습관을 파스텔 토큰으로 리스킨해 보드·상점과 톤 통일 (마을 맵·갤러리는 아트 화면이라 제외)
• Crescendo — 엔딩 연출 + 가시성
  • 엔딩 클리프행어 시네마틱 — 칼리고 처치 → 5인 승리 → 비행선(캐리어) 함대 강림 → TO BE CONTINUED (함대는 placeholder 실루엣)
  • 잡몹 보라 외곽 글로우로 어두운 배경 대비 가시성 확보 (세기·색·퍼짐 튜닝)
  • 상단 진행도 바 100% 지점을 보스 아레나 진입선 기준으로
• 메트로놈(Simple Metronome) — 강아지 테마 다듬기 + 박자 설정 개편
  • 발자국 인디케이터를 크게 키우고, 강아지 얼굴은 실루엣이 강아지 같지 않아서 빼고 발자국만 남김
  • 발자국이 5개 이상이면 한 줄에 안 들어가서 2줄로 자동 배치
  • “박자 설정이 Beats/Sub라 이해하기 어렵다”는 피드백을 반영 → 익숙한 박자표(4/4, 6/8) 방식으로 바꿈. 6/8·9/8은 3개씩 묶는 정통 컴파운드로 연주되게 처리

어려웠던 점

• Pawbit 알림 — 로컬 알림은 발화 순간에 코드가 안 돌아서 “강아지 상태가 바뀔 때 알림”을 어떻게 할지 고민했는데, 상태가 바뀌는 시점(마지막 케어 + 임계일)을 미리 계산해 그 시각에 예약하는 식으로 풀었다. 요일별 알림은 타임존 정밀 설정이 필요해서 일단 매일로 두고 후속으로 뺌
• Crescendo 글로우 — 세기·퍼짐이 처음엔 너무 강해서, 플레이하며 outerStrength/distance를 여러 번 줄여 톤을 맞춤 (수치 연출은 한 번에 안 맞고 반복이 필요)
• 메트로놈 박자표 — 6/8을 “6번 클릭”으로 볼지 “2박 × 3잇단(컴파운드)“으로 볼지 음악적으로 정해야 했다. 정통 컴파운드로 결정. 메트로놈에선 분모(/4·/8)가 소리로는 거의 차이가 없어서, 이걸 어떻게 의미 있게 만들지가 고민이었다.

배운 점

• (소리꽃 KeyBloom TIL 5로 정리) Undo/Redo를 스냅샷 스택으로 / 연속 편집을 편집 세션(시작 스냅샷 + 확정 시 변화 있으면 한 단계)으로 묶기, 이름·파라미터 세션 분리 + 위임 리스너 / 인라인 편집(텍스트↔입력칸, 확정은 blur로 일원화) / 스크럽 큐 미리보기·플레이헤드 픽셀 스냅 / CSS hidden이 display에 덮이는 함정 재확인
• (습관만들기 Pawbit TIL 6로 정리) 예약형 로컬 알림은 발화 시점에 계산 못 하니 시점을 미리 산출해 예약 / 알림 재예약은 ID 대역 취소 + DB에서 재구성(삭제·아카이브된 습관 정리) / ThemeExtension 토큰으로 톤 통일(시맨틱 색은 유지, chrome 색만 교체)
• (크레센도 Phaser + TypeScript TIL 7로 정리) Phaser 4 per-object Glow 필터(enableFilters+external.addGlow, external/internal 차이) / scrollFactor(0)로 화면 고정 / Container로 placeholder 도형 묶기 / 스태거 트윈으로 군집 등장 / 진행바 100%를 실제 트리거 지점(아레나 진입선)에
• (안드로이드 TIL로 정리) 박자표(분자/분모)를 내부 박·분할 구조로 변환하는 설계 / 컴파운드 박자 처리 / 조건부 UI 잠금(/8일 때 분할 비활성) / 벡터 드로어블 tint 공유 버그와 mutate()

해야 할 일

• 소리꽃 KeyBloom
  • 라이브용 네이티브(하이브리드) — 저지연 연주·연주 녹화(웹 한계라 네이티브 전제)
  • 합성음 피아노틱하게(조사), 고화질 인코딩(ffmpeg.wasm), 모양별 색 지정
• 메트로놈 — 분수 스피너 정렬·모양 다듬기, 실기기에서 크기·정렬 확인
• 회사 툴 — 팀 ERP 기능 기획
• UE5 수업 복습
• ChordSheet — 섹션 색상 Picker, 다중선택 마디 복제
• 습관만들기 Pawbit — Asset 교체, 출시 블로커(AdMob ID·DEV 패널 제거), 연말 전시회 시네마틱
• Crescendo — 오디오 제작, 밸런스, 엔딩 폴리시

Series: Daily Log