정적 FormGroup 한계를 극복한 FormArray 기반 동적 UI 시스템 설계

Context

단순 데이터 수집용 Static Form 구조가 비즈니스 요구사항 확장으로 인해 복잡한 Workflow 엔진으로 진화하며 발생하는 유지보수 비용 증가. 고정된 FormGroup 구조로는 조건부 필드, 반복 섹션, 서버 기반 설정 등 동적 UI 요구사항을 수용하기 어려운 구조적 한계 직면.

Technical Solution

• 데이터 모델과 Form 모델의 일치화를 위해 반복 및 확장 가능한 UI 구조를 FormArray로 모델링하는 설계 원칙 적용
• FormGroup 생성 로직을 컴포넌트에서 분리하여 재사용 가능한 Injectable Factory Service로 추상화
• 서버 사이드 설정 객체에 따라 UI를 렌더링하는 Configuration-Driven Rendering 구조 채택
• 복잡한 중첩 구조 관리를 위한 Nested FormArray Architecture 도입을 통한 계층적 데이터 제어
• OnPush 전략과 Signal을 결합하여 대규모 동적 폼의 렌더링 성능 최적화 및 변경 감지 효율 증대
• ControlValueAccessor를 활용한 섹션 단위의 커스텀 폼 컨트롤 캡슐화로 컴포넌트 간 결합도 낮춤