마이시그널저작권 걱정 없는 배경음악 서비스
Category
Web
Solution
React
Technology
17+ Tech Stacks
평범한 것을 특별하게
자체 제작한 음원을 무제한으로 사용할 수 있는 플랫폼 '마이시그널'
마이시그널은 저작권 걱정 없는 배경음악을 무제한으로 사용할 수 있는 웹 서비스입니다. 사용자는 게임, 영화, 애니메이션, 음악 등 다양한 카테고리의 배경음악을 검색, 재생, 다운로드할 수 있으며, 개인 플레이리스트 관리, 좋아요, 공유 등의 기능을 제공합니다. 이용권 구매를 통해 서비스를 이용할 수 있습니다.
Challenge
글로벌 뮤직 플레이어와 파형 시각화
사용자가 자유롭게 음악을 탐색하고 감상할 수 있도록 직관적인 인터페이스와 시각화 기능을 구현하였습니다.
이용권 정기 결제 시스템
사용자가 손쉽게 구독할 수 있도록 정기 결제 시스템을 도입하였습니다.
사용자 맞춤형 추천 시스템
사용자의 취향을 분석하여 개인화된 음악 추천 기능을 제공하였습니다.
Solution
Technology Stack
Project Approach
React와 MUI를 활용하여 직관적인 UI/UX를 구현하였고, React Window를 통해 성능을 최적화하였습니다. Recoil을 통해 전역적으로 상태 관리를 수행하며, Axios를 사용하여 API와의 통신을 간편하게 처리하였습니다. Wavesurfer.js를 사용하여 음악 파형 시각화 및 재생 기능을 제공하고, Toss Payment와 Kakao Pay를 통한 간편 결제 시스템을 도입하였습니다. Firebase 인증으로 회원 관리를 수행하고, Type Sense를 통해 검색 기능을 강화하였습니다. Python, Flask, Google Cloud를 통해 안정적인 백엔드 서비스를 구축하였습니다.
Impact
Innovation
85% 향상
Typesense를 통한 실시간 검색 기능과 AI 모델을 활용한 개인화 추천 시스템 등 최신 기술 스택 5종 이상을 통합 적용하여 기술 다양성 분야에서 85% 향상되었습니다.
User Experience
92% 향상
사용자 여정을 단순화 하고 인터페이스를 현대화하여 사용성을 92% 향상시켰습니다.
Performance
70% 향상
서버리스, CDN, 가상화 기술을 활용하여 응답 속도를 70% 개선하고 비용을 최적화하였습니다.
"저작권 걱정 없는 음원 서비스라는 비전을 완벽히 구현해주셔서, 바로 실사용자를 받을 수 있는 완성도 높은 플랫폼을 만들어주셨습니다."