Vibe Link: 음악 취향 시각화 및 소셜 플레이리스트 연동 서비스

https://vibe-link-002.figma.site/

1. 프로젝트 요약

'Vibe Link'는 사용자의 음악앱 API 를 분석하여 '취향 네트워크 그래프'로 시각화하고,
서로 다른 음악 앱 사용자 간에도 '취향 일치도(%)'를 계산 & 취향 Blend Playlist 생성을 통해 소셜 연결을 돕는 웹 서비스입니다.

2. 문제 정의 (Why?)

음악 취향이 낯선 사람에 대한 호감도에 큰 영향을 미친다는 연구(Launay & Dunbar, 2015)에도 불구하고, 기존 스트리밍 서비스는 '개인화된 청취'에만 집중할 뿐, 자신의 취향을 직관적으로 '발견'하고 타인과 '연결'하는 기능은 단절되어 있습니다.

본 프로젝트는 이 문제를 '데이터를 통한 자기표현'과 '취향 기반의 사회적 연결'로 해결하고자 합니다.

3. 핵심 기능 (What?)

'취향 시각화': Spotify, YouTube Music 등 API로 수집한 데이터를 D3.js 기반 네트워크 그래프로 시각화합니다.

'소셜 매칭': 코사인 유사도 알고리즘을 기반으로 두 사용자 간 '취향 일치도(%)'를 계산합니다.

'콜라보 플레이리스트': 일치도를 바탕으로 두 사용자가 함께 즐길 수 있는 플레이리스트를 자동 생성합니다.


4. 융합 설계 및 기술 스택 (How?)

본 프로젝트는 3개 전공의 융합으로 진행됩니다.

'PM/기획' (최장영): 경영/경제학적 관점의 비즈니스 모델(수익 공유) 및 MVP 기획.

'프론트엔드' (강경래): React.js, D3.js 기반 데이터 시각화 및 UI/UX 구현.

'백엔드' (윤선재): Node.js(Express), MongoDB 기반 API 서버 및 데이터 분석 알고리즘 설계.


5. 현재 성과 (Current Status)

프로젝트 기획, 사용자 플로우(User Flow) 설계, Figma 와이어프레임 작성을 완료했습니다. 이를 바탕으로 백엔드 API 연동 없이 프론트엔드 UI 및 버튼 상호작용을 확인할 수 있는 웹 데모 버전을 구현했습니다.

Figma 기반 인터랙티브 데모 링크:
https://net-glade-62803777.figma.site

6. 팀 구성

팀장 (PM/Full-stack 기여): 최장영 (컴퓨터공학과)

프론트엔드: 강경래 (컴퓨터공학과)

백엔드/데이터 분석: 윤선재 (소프트웨어융합학과)