현장에서 작동하는 AI

마이그레이션에서 가장 기억에 남는 버그는 화면을 깨뜨린 버그가 아니다. 에러 레벨로 쏟아지는 무해한 로그가 진짜 오류를 가렸고, 복제 로직이 새 필드를 몰라 보정값이 조용히 사라졌다. 시끄러운 버그는 스스로를 고발하지만, 조용한 버그는 발견 자체를 늦춘다.

사용자 그림은 SVG인데 GPU는 삼각형만 안다. SVG 경로를 평탄화하고 earcut으로 삼각분해해 메시로 굽고, 형상(rig.svg)과 골격(rig.json)을 분리하고, 베이크 결과는 캐시했다. 깨지기 쉬운 산출물은 CI 검증이 빌드 단계에서 지킨다.

수십 MB WASM 엔진은 언제 받느냐와 몇 번 받느냐가 체감을 가른다. 변환이 필요한 순간에만 받고, 싱글톤과 Promise 공유로 동시 요청에도 다운로드는 한 번으로 막았다. 실패하면 공유 상태를 비워 다음 시도가 처음부터 다시 시작하게 했다.

손그림 캐릭터를 실시간으로 움직이는 렌더러는 잘 돌아갔다. 문제는 캔버스 2D 벡터 엔진이라 GPU를 적극 활용하기 어렵다는 점이었다. 코어를 테스트로 고정하고 새 WebGL 엔진을 옆에서 키운 뒤 구 라이브러리를 걷어냈다. 잘 돌아가는 코드를 버린 이유는 고장이 아니라 구조의 한계 때문이었다.

타임라인 편집기는 같은 영상을 미리보기와 최종 렌더로 두 번 그린다. 두 경로가 같은 컴포넌트와 같은 데이터를 공유하게 만들고, 애니메이션을 프레임 번호의 함수로 정의해 불일치를 구조적으로 없앴다. 재생은 흐르는 시계지만, 렌더는 결정적 함수다.