Cadenza
Cadenza
같은 곡의 다른 연주를, 서로 다른 대상으로 비교한다.
출발점과 담당 범위
음악 탐색 웹 프로토타입
맡은 범위
작곡가·작품·녹음·평가 모델, 공개 데이터 시드와 조회 쿼리, 홈·작품 상세 화면을 AI 도구와 함께 구현했습니다.
시작할 때의 상태
개인 계정에서 구현한 비상용 프로토타입입니다.
개발 범위 · 기술 · 협업 자세히 읽기
시작할 때의 상태
개인 계정에서 구현한 비상용 프로토타입입니다. 작품과 녹음의 관계를 실제 데이터와 화면으로 검토하는 단계이며, 상용 출시나 소유권 범위를 별도로 주장하지 않습니다.
작업 개요
클래식 작품과 녹음 버전을 나눠 탐색하는 웹 프로토타입입니다. 공개 데이터 적재부터 한국어 표시, 작품별 녹음 목록과 빈 평가 상태를 반응형 화면으로 연결했습니다.
개발·개선 범위
- 작품·녹음·평가 데이터 모델
- 공개 데이터 시드와 한국어 매핑
- 작품별 녹음 조회·정렬
- 반응형 상세와 빈 평가 상태
- 사용한 기술
- Next.js · TypeScript · PostgreSQL · Open Opus
기존 자산 · 외부 서비스 · AI 활용
Open Opus 공개 데이터와 Next.js·PostgreSQL을 활용했습니다. 외부 음원이나 음악 메타데이터 자체를 제작한 범위는 아닙니다.
제품 화면과 구조 요약
문제 해결
작품의 정보와 연주의 평가는 따로 쌓여야 한다
문제
같은 클래식 작품에도 여러 연주와 녹음이 있습니다.
바꾼 점
작품 아래에 녹음 버전을 두고 별점 평균·평가 수·연도에 따라 조회하는 모델과 화면을 만들었습니다.
확인한 것
데이터 시드, 작품별 조회 쿼리와 실제 데스크톱·모바일 캡처를 대조했습니다.
조사·판단·검증 과정 읽기
마주한 문제
같은 클래식 작품에도 여러 연주와 녹음이 있습니다. 이를 하나의 항목으로 다루면 작품을 찾는 일과 특정 연주를 비교하는 일이 섞입니다.
확인한 과정
작곡가·작품과 녹음·평가의 관계를 나누고, 공개 메타데이터에서 가져올 정보와 사람이 확인해야 하는 플랫폼 연결을 구분했습니다.
선택한 방법
작품 아래에 녹음 버전을 두고 별점 평균·평가 수·연도에 따라 조회하는 모델과 화면을 만들었습니다. 평가가 없는 항목은 빈 상태로 표시하고, 음원 플랫폼의 잘못된 자동 매칭은 수동 확인 대상으로 남겼습니다.
어떻게 확인했는가
데이터 시드, 작품별 조회 쿼리와 실제 데스크톱·모바일 캡처를 대조했습니다. 하나의 작품에서 녹음 목록과 미평가 상태까지 이어지는 구현을 확인했습니다.
결과와 현재의 경계
결과, 그리고 지금.
공개 데이터가 DB와 조회를 거쳐 작품·녹음 비교 화면에 나타나는 한 경로를 구현했습니다. 평가가 아직 없다는 사실을 가짜 인기 점수로 채우지 않고 화면에 드러냈습니다.
홈과 작품 상세 중심의 프로토타입입니다. 공연 연동·유료 기능·대규모 음반 카탈로그는 완성된 기능으로 포함하지 않습니다.
작성 기준: 2026년 9월 작업 기록·소스 대조. 과거 검증 결과를 현재의 모든 동작에 대한 보증으로 사용하지 않습니다.
역할과 협업 이야기하기