디자인 컴포넌트 라이브러리를 ‘실제 사용 방식’에 맞게 다시 설계한 이야기

본 글은 디자인 컴포넌트 라이브러리 'Kitchen'의 구조 개선 과정을 다룹니다. 디자인 시스템은 지속적인 변화가 필요하지만, 시간이 지남에 따라 초기 설계 구조가 실제 사용 방식의 변화를 따라가지 못하는 문제가 발생합니다.

특히, 트리셰이킹이 적용되지 않아 일부 컴포넌트만 사용해도 전체 코드가 번들에 포함되는 문제와 컴포넌트 간 참조가 빌드 산출물 기준으로 이루어지는 구조적 제약이 있었습니다. 이러한 문제점을 해결하기 위해 실제 사용 방식에 맞춰 라이브러리 구조를 재설계하고 개선하는 과정을 공유하며, 디자인 시스템이나 공통 라이브러리 운영에 대한 인사이트를 제공합니다.