Lock-in 없는 유연한 확장을 위한 Copy-and-Paste 기반 UI 디자인 시스템 구축

Context

기존 UI 라이브러리의 과도한 추상화와 경직된 Ecosystem으로 인한 커스터마이징 제약 발생. 특히 Shadcn 기반 라이브러리들의 정형화된 구조와 의존성 함정으로 인한 실무 요구사항 반영의 어려움 존재.

Technical Solution

• Base UI 원칙 및 Tailwind CSS 기반의 Low-level Component 설계로 유연성 확보
• 라이브러리 형태가 아닌 코드 복제 방식의 Shadcn-style Architecture 채택을 통한 Vendor Lock-in 제거
• 추상화 계층을 최소화하여 컴포넌트 내부 로직에 직접 접근 및 수정이 가능한 구조 구현
• 실무 빈도가 높은 OTP fields, Form validation 등 실제 프로덕션 중심의 UI 패턴 우선 구현
• Tailwind-first 전략을 통한 스타일 제어권을 개발자에게 완전히 위임한 설계 방식 적용