AI 생성 코드의 Review Bottleneck 해결을 위한 제약적 DSL 프레임워크 Wibble

Context

Frontend 프레임워크의 과도한 표현력으로 인해 동일 기능도 다양한 형태로 구현되는 Shape Problem 발생. 특히 AI 기반의 대규모 PR 생성 시 코드의 일관성 결여 및 Reviewer의 인지 부하가 증가하는 한계점 노출.

Technical Solution

• .wib 전용 확장자를 통한 Domain Specific Language(DSL) 도입으로 컴파일 단계에서 의도(Intent) 강제
• Component 구조를 state, derived, actions, view, resource 등 명확한 구획으로 분리하여 예측 가능한 배치 설계
• 컴파일러를 통해 API 호출은 resource block에, 상태 변경은 actions block에 위치하도록 제약 조건 적용
• 순수 계산 데이터(derived)의 동기성 및 순수성 보장을 통한 런타임 예측 가능성 확보
• Fine-grained DOM runtime을 통한 효율적인 UI 업데이트와 구조적 투명성 동시 달성
• 자유도를 희생하는 대신 리뷰 가능성(Reviewability)을 극대화한 Trade-off 전략 채택