멀티 프레임워크 디자인 시스템, 결국 운영 가능한 구조를 선택한 이유

이 글은 React와 Vue를 함께 지원하는 멀티 프레임워크 디자인 시스템을 구축하고 운영하면서 겪은 경험을 공유합니다. 초기에는 모든 프레임워크에서 컴포넌트까지 일관되게 지원하는 것을 목표로 했으나, 기능 추가, QA, 배포, 회귀 검증 등의 운영 비용이 급증하는 문제에 직면했습니다.

결국 "모든 것을 동일하게 지원"하는 전략에서 "운영 가능한 범위를 선택하는 전략"으로 전환했습니다. 현재는 React 컴포넌트를 운영 축으로 삼고, Vue에서는 디자인 파운데이션(토큰, 스타일, 유틸리티) 중심으로 소비하는 구조로 변경했습니다.

이 글은 이러한 전환 과정에서 얻은 것과 포기한 것, 그리고 비슷한 상황에서 의사결정을 내릴 때 고려해야 할 기준을 제시합니다.