프론트엔드
쏘카 프론트엔드 모노레포 - Part1. Code Generator로 프로젝트 세팅 자동화하기
두줄요약
Turborepo 모노레포에서 turbo/gen과 Plop 기반 코드 생성기로 프로젝트 설정을 자동화했습니다.\n일관성을 높이고 신규 프로젝트 세팅 시간을 80% 이상 줄였습니다.
문제 상황
- 66개가량 멀티레포에서 중복 코드·파편화·프로젝트별 상이한 개발 환경 누적
- 공통 라이브러리 변경 시 각 저장소의 테스트·배포·적용 작업 반복
- 모노레포 전환 후 Repository Template을 대체할 프로젝트 스캐폴딩 필요
구조와 흐름
- Turborepo 기반 단일 모노레포에서 app, 디자인 시스템, utils, hooks 템플릿 관리
- turbo/gen과 Plop Config로 생성기·프롬프트·파일 액션 정의
- add·modify 액션, 커스텀 헬퍼, ESLint fix 연계로 컴포넌트와 배럴 파일 자동 구성
선택 이유
- Turborepo의 빠른 빌드, 병렬 실행, 원격 캐싱, 적은 초기 설정 활용
- 공통 컴포넌트 중앙 관리, 코드 재사용, 의존성 관리 단순화, 개발 환경 표준화
성능/운영 포인트
- 신규 프로젝트 생성·세팅 시간 80% 이상 단축
- 템플릿 기반 구조·스타일 일관성, 수동 설정 오류 감소, 온보딩 부담 완화