Skip to content

[FEAT] 백킹 트랙 상세 모달, 수정 페이지, 코드 진행 입력 기능 구현 #8

Description

@seooyoon

📌 요약

백킹 트랙 상세 모달 및 수정 페이지 구현

🛠️ 작업할 내용

  • 상세 모달 UI 구현
  • Mock 데이터 렌더링
  • 3박자 / 4박자 코드 진행 표시
  • Creator 정보 표시
  • 수정하기 버튼 조건부 렌더링 (본인 소유 트랙만)
  • 연습 시작 버튼 구현
  • 미리 듣기 UI 구현 (재생 / 정지 / 다시 듣기)
  • 모달 열기 / 닫기
  • 백킹 트랙 수정 페이지 구현 (생성 페이지와 공용 폼 컴포넌트 사용)
  • 코드 진행 칸 클릭 시 코드 편집 패널 구현 (근음/성질/텐션/베이스음 선택)
  • 빈 칸(직전 코드 유지) 클릭 시 실제 코드 칸으로 편집 위임
  • 박자 변경 시 겹치는 코드 진행 칸 보존

📎 참고 사항

디자인 시안, API 명세, 참고 링크 등을 첨부해주세요.

Metadata

Metadata

Assignees

Labels

✨ FeatNew feature or request🎨 StyleUI/UX and visual design tasks

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions