프로젝트들에 대해 더 상세히 기술하였습니다.

DYNA · VOIX STUDIO

2026.04 ~ 현재 | 핵심 편집 엔진 구현 | 전체 아키텍쳐 설계 및 구현 주도

Dyna Studio(Electron) | video, audio, TTS

Voix Studio (Web) | video, image, audio, text

개요

자체 개발한 오디오 편집 엔진 라이브러리(daw-engine)를 기반으로 제작한 멀티미디어 에디터입니다. 사내용 Electron 버전(DYNA STUDIO)와 일반 고객용 웹 서비스(VOIX STUDIO)가 있습니다.

DYNA STUDIO (사내용 Electron): CJ ENM, JTBC, 삼성 TV Plus, LG Channels 등 글로벌 미디어 플랫폼을 통해 22개국에 송출되는 다국어 콘텐츠 현지화 파이프라인의 핵심 인프라입니다. 평균 2시간 길이, 3,000개 가량의 오디오 클립과 2GB 규모의 프로젝트를 빠르고 안정적으로 처리하는 데 집중했습니다.
VOIX STUDIO (고객용 Web): 비디오, 이미지, 오디오, 텍스트를 모두 다루는 멀티미디어 편집 기능을 웹 브라우저에서 제공하는 B2C 서비스입니다. 현재 정식 서비스 오픈을 앞두고 웹 환경 최적화와 제품 고도화에 집중하고 있습니다.

역할

공통 - 프론트엔드 개발 리드 (FE 2명, BE 3명 협업), 자체 편집 코어(daw-engine) 개발, E2E 및 Unit 테스트 구축, Sentry 에러 트래킹 인프라 도입
VOIX STUDIO (Web) - 비디오·오디오·텍스트 멀티미디어 에디터 아키텍처 초기 설계 및 타임라인, Local-first 저장 구조, Export 기능 등 프론트엔드 전반 개발
DYNA STUDIO (Electron) - 레거시 아키텍처 마이그레이션(Main Process SSOT 구조 재설계), 타임라인 편집 성능 최적화(Long Task 73.9% 감소), 작업 큐(Queue) 기반 대용량 미디어 처리 성능 개선

Skills

React · TypeScript · Electron · Zustand · Canvas · WebCodecs · Web Worker · IndexedDB · Web Audio API · FFmpeg

SSOT를 이용해 프로젝트 상태 정합성 개선

AS-IS

다중 창(Renderer) 환경에서 각 창이 로컬 상태를 독자적인 원본으로 취급해 자동 저장을 실행하는 구조적 결함이 있었습니다. 이로 인해 특정 창에 남아있던 과거 스냅샷이 전체 프로젝트 파일을 덮어쓰고, 다른 창의 화면까지 롤백시키며 사용자의 작업 내용이 완전히 유실되는 치명적인 문제가 발생했습니다.