MVVM 패턴 자동화를 통한 React Native 스캐폴딩 시간 15분에서 1초로 단축

Context

React Native 프로젝트 내 MVVM 구조 적용 시 발생하는 반복적인 파일 생성 및 보일러플레이트 작성의 비효율성 직면. 수동 복사-붙여넣기 과정에서 발생하는 Import 오류와 명명 규칙 불일치로 인한 개발 생산성 저하 발생.

Technical Solution

• 명령어 기반의 단일 진입점으로 View, ViewModel, Service, Types로 구성된 MVVM 폴더 구조 자동 생성
• useState, Zustand, Redux Toolkit, TanStack Query, Jotai 등 5종의 State Adapter를 통한 라이브러리별 ViewModel 맞춤형 코드 생성
• ViewModel Unit Test 및 View Render Test 파일을 기본 포함하여 테스트 주도 개발 환경 강제
• @react-navigation 의존성 분석을 통한 Navigator 파일 내 신규 스크린 자동 주입 로직 구현
• 정규 표현식 및 코드 분석을 통해 기존 .tsx 파일의 상태 로직을 ViewModel과 Service로 분리하는 Convert to MVVM 리팩토링 기능 제공