现代化 UI 架构：Style 层如何系统性消除代码冗余

Context

Android 프로젝트 내 TextView 속성의 중복 정의로 인한 유지보수 비용 증가 및 디자인 일관성 결여 문제 발생. 개별 레이아웃 파일에 흩어진 수천 개의 중복 속성으로 인해 단순 UI 변경 시에도 전수 수정이 필요한 비효율적 구조임.

Technical Solution

• tv_base 스타일을 통한 layout_width, layout_height, includeFontPadding 등 98% 공통 기초 속성의 강제 표준화
• Orthogonality 원칙을 적용하여 Color 계층과 Size 계층을 분리 정의하고 이를 조합하는 계층적 Style 구조 설계
• 비즈니스 도메인이 아닌 UI 역할(Function) 기반의 명명 규칙(Naming Convention)을 도입하여 스타일 재사용성 극대화
• 기능색(func_)과 테마색(t_)의 매핑 구조를 통해 Style 수정 없이 다크모드 등 Theme Switching 자동화 구현
• 버튼 설계에 Capsule, Outline 등 형태와 Emphasis, Neutral 등 상호작용 단계별 스타일 규격화

Impact

• 레이아웃 파일 내 코드량 30-50% 감소
• UI 속성 수정 시 소요되는 유지보수 시간 80% 절감
• 전역 Style 정의 수정을 통한 99% 이상의 일괄 변경 효율 달성

Key Takeaway

UI 아키텍처 설계 시 '비즈니스 의미'와 'UI 직능'을 철저히 분리하여 정의해야 하며, 속성 간 직교성을 확보한 계층 구조가 시스템의 유연성과 확장성을 결정함.