오픈소스 ABC User Feedback 모노리포 구조 소개

이 게시물은 ABC User Feedback 프로젝트에 적용한 모노리포 구조와 그 활용 경험을 공유합니다.

모노리포 구조 선택 및 구성

• 프로젝트는 TypeScript 기반의 풀스택 웹 애플리케이션으로, API와 관리자용 웹 화면을 포함
• apps, packages, tooling 세 개 디렉터리로 구성된 단일 프로젝트 모노리포 구조를 채택
• tooling 디렉터리는 ESLint, Prettier, tsconfig 설정을 공유하여 유지보수 용이
• packages 디렉터리는 코드 공유용 패키지들로 구성되며, Turborepo를 사용해 빌드 없이 코드 공유 가능
• apps 디렉터리는 실제 애플리케이션 패키지로 API와 웹이 위치

Turborepo 활용과 빌드 최적화

• 태스크 간 의존성을 파이프라인으로 관리하여 효율적 빌드와 캐싱 수행
• 로컬 캐시와 원격 캐시를 활용해 Docker 빌드 및 CI 환경에서 빌드 시간을 단축