더스윙 기술 블로그 · 2025. 01. 08.
pnpm을 사용한 모노레포로 프론트엔드 생산성 늘리기
AI 엔지니어링 브리핑
더스윙 프론트엔드팀은 20여 개 어드민을 하나의 pnpm 모노레포로 합쳐 프로젝트를 오갈 때 생기는 시간 낭비를 줄이고 개발 환경과 코드 품질을 높였습니다.
문제 & 배경
- 문제 & 배경: 여러 저장소를 번갈아 확인하고 각기 다른 설정과 인프라를 관리하면서 집중력이 떨어졌고, 공통 코드 재사용과 변경사항 파악도 어려워졌습니다.
기술 & 해결책
- 기술 & 해결책: 관련성이 높고 React와 인프라 구조가 비슷한 앱들을 pnpm 워크스페이스의 하나의 저장소에 넣고, 공통 설정 패키지와 재사용 가능한 GitHub Actions 배포 흐름을 만들어 앱별 작업과 배포를 일관되게 처리했습니다.
교훈 & 주의점
- 교훈 & 주의점: 저장소 이동과 환경 파악 시간이 줄고 코드 리뷰·공통 라이브러리 관리가 쉬워졌지만, 모노레포는 서로 밀접하게 연결되고 구조가 비슷한 프로젝트에 적합하므로 도입 전 팀의 필요와 장기적인 관리 부담을 함께 검토해야 합니다.
함께 읽을 글
내용이 비슷해요내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.