피드로 돌아가기
Great Little Software: psikat
Dev.toDev.to
Frontend

Wasm 기반의 Browser-based Tracker-like Sequencer 설계

Great Little Software: psikat

Valeria2026년 4월 27일7intermediate

Context

기존 DAW(Digital Audio Workstation)의 마우스 중심 인터페이스와 고정된 가로축 기반 작곡 방식의 한계점 식별. Legacy 포맷(.xm) 지원을 위한 표준 준수보다 개발자의 철학과 고유한 사용자 경험(UX)을 우선시하는 도구 필요성 대두.

Technical Solution

  • Y-axis 기반의 수직적 노트/커맨드 배치 구조를 통한 기존 DAW의 패턴 파괴 및 새로운 음악적 관점 제공
  • 초기 .xm 포맷 재구현 후 Legacy 제약을 제거하기 위해 전체 코드를 삭제하고 독자적인 Tracker-like 아키텍처로 재설계
  • LLM을 활용한 빠른 Prototype 반복으로 WASM(WebAssembly)과 SolidJS 간의 스택 전환 및 성능 검증 수행
  • WASM 도입을 통해 브라우저 환경 내 고성능 오디오 처리 엔진 구현 및 JS 버전의 성능 한계 극복
  • 복잡한 DAW 전체 구현 대신 오디오 파일 브라우저부터 시작하여 점진적으로 기능을 확장하는 모듈형 접근 방식 채택

- 복잡한 시스템 구축 시 최종 목표(DAW)보다 최소 기능 단위(Audio File Browser)부터 단계적으로 확장할 것 - LLM을 활용해 기술 스택의 Trade-off를 빠르게 검증하여 Sunk Cost Fallacy를 방지할 것 - 특정 도메인의 Legacy 표준이 혁신을 저해한다면 과감히 이를 제거하고 독자적인 규격을 설계할 것 - 고성능 연산이 필요한 브라우저 앱의 경우 WASM 도입을 우선적으로 검토할 것

원문 읽기