DX Studio
DX Studio는 DXCMS 위에서 제작한 음악 스튜디오형 서비스입니다.
단순히 음악을 재생하는 테마를 만드는 것이 아니라, DXCMS의 게시판과 회원 시스템을 기반으로 음악 콘텐츠를 구성하고, SPA(Single Page Application) 구조를 적용하여 실제 음악 서비스처럼 동작하도록 구현했습니다.
유튜브(YouTube) 링크를 등록하면 음악 콘텐츠로 사용할 수 있으며, 차트와 플레이리스트, 검색, 회원별 음악 관리 등 음악 서비스에 필요한 기능을 하나의 화면 흐름 안에서 사용할 수 있습니다.
무엇보다 DX Studio에서 가장 중요하게 생각한 부분은 음악이 재생되는 동안 사용자가 사이트의 다른 기능을 이용하더라도 음악이 끊기지 않는 것입니다.
일반적인 웹사이트는 메뉴를 이동할 때마다 새로운 페이지를 불러옵니다. 페이지가 새롭게 로드되면서 기존 JavaScript 상태와 음악 플레이어 역시 초기화될 수 있습니다.
DX Studio는 이 부분을 SPA 방식으로 해결했습니다.
SPA(Single Page Application)
DX Studio는 전체 페이지를 계속 새로 불러오는 방식이 아니라, 하나의 페이지를 유지하면서 필요한 데이터만 서버에서 받아 화면을 변경합니다.
사용자가 홈에서 음악을 재생한 상태로 차트로 이동하거나, 최신 음악을 확인하고, 게시판을 열고, 검색을 하더라도 페이지 전체를 다시 로드하지 않습니다.
필요한 데이터만 JSON 형태로 받아 현재 화면에 필요한 부분을 갱신합니다.
따라서 화면은 계속 변화하지만 음악 플레이어는 동일한 페이지 안에서 유지됩니다.
메뉴 이동과 음악 재생을 분리한 것입니다.
이것이 DX Studio에 SPA를 적용한 가장 큰 이유입니다.
단순히 SPA라는 기술을 사용하기 위한 것이 아니라, 음악 서비스에서 가장 중요한 끊김 없는 재생 경험을 만들기 위해 SPA 구조를 선택했습니다.
DXCMS 위에서 새로운 서비스를 만들다
DX Studio는 별도의 CMS를 새롭게 만든 것이 아닙니다.
DXCMS가 제공하는 게시판, 회원, 검색, 페이지 등의 기본 기능을 그대로 활용하면서 그 위에 음악 서비스에 필요한 기능을 추가했습니다.
즉, DXCMS의 기본적인 CMS 기능을 그대로 사용하면서도 서비스의 목적에 맞게 전혀 다른 형태의 서비스를 만들어낼 수 있다는 것을 보여주는 프로젝트입니다.
게시판은 단순한 게시판으로 끝나지 않습니다.
게시판에 등록된 유튜브 콘텐츠를 음악 데이터로 활용하고, 이를 차트와 플레이리스트로 연결하며, 회원별 음악 관리 기능까지 확장했습니다.
하나의 CMS가 콘텐츠 관리에만 머무르는 것이 아니라 서비스의 기반 프레임워크로 활용될 수 있다는 것을 보여주는 사례이기도 합니다.
음악 서비스에 필요한 기능
DX Studio에는 음악 서비스의 특성에 맞춰 다양한 기능을 구성했습니다.
유튜브 링크를 기반으로 음악을 등록하고 전용 플레이어에서 재생할 수 있으며, 최신 음악과 전체 음악을 확인할 수 있습니다.
주간·월간·전체 및 좋아요 기반의 차트 시스템을 구성하고, 회원별 플레이리스트를 관리할 수 있도록 했습니다.
또한 기존 게시판에 등록되어 있는 음악 콘텐츠를 가져와 별도의 음악 데이터로 활용할 수 있도록 구성했습니다.
다크 모드와 라이트 모드를 지원하며, 사용자가 선택한 환경도 유지할 수 있도록 했습니다.
이러한 기능들은 각각 독립적으로 존재하는 것이 아니라 SPA 구조를 통해 하나의 서비스 안에서 유기적으로 연결됩니다.
핵심은 기술이 아니라 경험입니다
SPA라는 기술 자체가 특별한 것은 아닙니다.
중요한 것은 그 기술을 어디에 어떻게 사용하는가입니다.
DX Studio에서는 SPA를 이용해 음악 플레이어가 사이트 전체의 이동과 별개로 계속 유지되도록 만들었습니다.
사용자는 메뉴를 클릭하고 게시판을 확인하고 검색을 하면서도 음악을 계속 들을 수 있습니다.
페이지가 이동하는 것이 아니라 서비스 안에서 화면이 전환되는 느낌을 만들었습니다.
이러한 구조를 통해 일반적인 CMS 홈페이지와는 다른 사용자 경험을 구현할 수 있었습니다.
DX Studio가 보여주는 것
DX Studio는 DXCMS의 가능성을 보여주기 위한 하나의 실제 프로젝트입니다.
DXCMS는 단순히 게시판을 설치하고 홈페이지를 만드는 용도로만 사용할 수 있는 CMS가 아닙니다.
게시판과 회원 시스템을 기반으로 필요한 기능을 확장하고, SPA와 같은 웹 애플리케이션 구조를 적용하여 하나의 독립적인 서비스를 만들어낼 수 있습니다.
이번 DX Studio에서는 그 가능성을 음악 서비스라는 형태로 구현했습니다.
DXCMS + SPA + Music Service
그리고 그 결과물이 바로 DX Studio입니다.
단순한 테마의 데모가 아니라, DXCMS 위에서 실제 서비스를 구현할 수 있다는 것을 보여주는 포트폴리오입니다.
