5일간의 음악 플레이어 개발일지

• 애플뮤직 구독료를 아끼기 위해 개발 취미를 가진 고등학생이 음악 업로드, 앨범 선택, 백그라운드 재생 기능을 갖춘 음악 플레이어를 만들기로 결정했다. 이를 위해 SPA, PWA, Web Components를 활용해 필요한 부분만 빠르게 구현했다.

• 프로젝트는 Node 기반으로 진행되었고, 프레임워크 의존도를 낮추기 위해 추가적인 프론트엔드 프레임워크를 사용하지 않았다. 데이터베이스로는 sqlite3를 선택하였으며, 반복되는 디자인 코드는 웹 컴포넌트로 묶어 웹팩을 적용했다.

• 프론트엔드 개발 과정에서 디자인 시스템을 활용하여 앨범 CRUD를 쉽게 개발하였고, Multer 모듈을 사용하여 음악 업로드 로직을 구성하였다. 또한, 백엔드 함수 로직을 개발할 때 보다 직관적으로 코드를 파악할 수 있도록 변경하였다.

• 배포는 자동배포 시스템을 활용하여 빠르게 진행하였고, 도커 볼륨 기능을 추가하여 도커 컨테이너 휘발성 파일 저장소 걱정 없이 개발하였다. 또한, PWA 구성을 마무리하였고, 최종적으로 불필요한 기능과 디자인 요소를 줄이고 한 눈에 알아볼 수 있도록 직관적인 UI를 개발하였다.