핵심 요약
모두싸인의 프론트엔드가 하나의 코드베이스로 멀티 환경을 운영하도록 Route/Component/Logic 3단 레이어와 YAML 기반 중앙 설정으로 분기 관리를 통합했습니다.
구현 방법
- Route: YAML과 Glob 패턴으로 경로 분기 중앙화
- Component/Logic: AST 파싱(ts-morph)으로 메타데이터 주석 수집, TenantFlag 도입
- 런타임/빌드: Vite 플러그인(HMR 연동)과 ESLint 플러그인 도입
주요 결과
- 구성 파싱 속도: 50초대에서 7초 이내로 단축
- 로컬 환경에서 .tenantrc 값 변경 시 즉시 UI 확인 가능
- 유지보수성 및 초기 온보딩 개선
