목록 보기
쏘카 프론트엔드 모노레포 - Part1. Code Generator로 프로젝트 세팅 자동화하기
프론트엔드

쏘카 프론트엔드 모노레포 - Part1. Code Generator로 프로젝트 세팅 자동화하기

쏘카
쏘카
2024년 8월 29일

두줄요약

쏘카 프론트엔드 팀이 멀티레포의 중복과 유지보수 문제를 해결하기 위해 모노레포와 Code Generator를 도입했습니다. 이를 통해 프로젝트 세팅 시간을 80% 이상 줄이고 코드 일관성과 온보딩 효율을 높였습니다.

핵심 내용

  • 쏘카 프론트엔드 팀의 멀티레포 운영에서 중복 코드 증가, 공통 라이브러리 업데이트 비효율, 개발 환경 불일치가 누적된 문제
  • 이를 해결하기 위해 Turborepo 기반 모노레포를 도입하고, 프로젝트 세팅 자동화를 위한 Code Generator를 구성
  • turbo/gen과 plop을 활용해 next 앱, 디자인 시스템, utils, hooks 등 패키지를 템플릿화하고 생성 후 ESLint fix까지 연결
  • 그 결과 코드 일관성 유지, 보일러플레이트 제거, 오류 감소, 온보딩 개선과 함께 신규 프로젝트 세팅 시간이 80% 이상 단축

적용해볼 점

  • 반복적인 프로젝트 초기 세팅과 공통 구조 생성을 템플릿과 제너레이터로 표준화
  • 생성 후 린트·포맷까지 자동화해 수동 작업과 인적 오류 최소화
  • 모노레포 도입 시 패키지별 컨벤션과 생성 규칙을 함께 설계

댓글 0

댓글을 작성하려면 로그인이 필요합니다.

댓글을 불러오는 중...