AI 기반 Scaffolding 도입으로 MVP 개발 기간 4주에서 1주로 단축

Context

기존 React Native 개발 프로세스는 컴포넌트 구현보다 환경 설정, 디자인 번역, 반복적인 수정 요청 등 부수적인 Workflow에 전체 공수의 70%를 소모하는 비효율적 구조임. 특히 Figma 기반의 이론적 피드백 루프가 개발 병목을 심화시키는 핵심 원인으로 분석됨.

Technical Solution

• RapidNative를 활용한 Prompt 기반의 자동 Scaffolding으로 Expo Router, Design System, Mock Data가 포함된 초기 구조를 즉시 구축
• QR 코드를 통한 실시간 기기 렌더링으로 Figma 기반의 이론적 피드백을 Concrete한 실제 앱 기반 피드백으로 전환하여 커뮤니케이션 비용 절감
• Point-and-Edit 모드와 Structural Prompt를 분리 운용하여 시각적 요소와 구조적 설계를 계층적으로 수정하는 반복 최적화 적용
• AI 생성 단계에서 비즈니스 로직이 핵심인 Auth flow, Payment, WebSocket 구현부를 분리하여 수동 코딩으로 대체하는 하이브리드 개발 전략 채택
• Prototype 확정 후 VS Code로 Export 하여 Vendor Lock-in을 방지하고 실제 API 연동 및 Native 최적화를 수행하는 단계적 전환 구조 설계