[디자인 시스템 어떻게 만들었어요?(2)] Radix Primitives와 Panda CSS로 유연하고 단단한 컴포넌트 만들기

이 글은 YDS(Yogiyo Design System)의 컴포넌트 라이브러리를 재구축한 경험을 공유합니다. 핵심 기술 변화로는 Radix Primitives 도입을 통한 웹 접근성 및 컴포넌트 유연성 확보, 스타일 라이브러리를 styled-components에서 Panda CSS로 전환, Tree Shaking 문제 해결을 통한 First Load JS 용량 최적화, 그리고 구 버전 브라우저 호환성 제공이 있습니다.

특히 Radix Primitives는 높은 수준의 웹 접근성을 보장하고 컴포넌트 확장성을 높이며, Panda CSS는 유연하고 단단한 컴포넌트 구축에 기여합니다. 직접 UI 컴포넌트를 구현하는 것보다 기성 라이브러리 활용이 유지보수 비용과 개발 속도 측면에서 유리함을 강조합니다.