Yarn berry workspace를 활용한 프론트엔드 모노레포 구축기

이 글은 우아한형제들에서 프론트엔드 개발 환경 개선을 위해 모노레포 기술을 도입한 경험을 공유합니다. 다양한 프론트엔드 프로덕트를 개발, 운영하면서 겪었던 백오피스 애플리케이션의 파편화, 기술 스택의 비통일성, 코드 컨벤션 부재 등의 열악한 상황을 먼저 설명합니다.

이후 UI 컴포넌트 라이브러리 개발 및 React, Typescript로의 포팅 작업을 통해 코드 재사용성과 기술 스택 통일을 부분적으로 개선했지만, 여전히 남아있는 문제점을 해결하기 위해 Yarn Berry의 워크스페이스 기능을 활용한 모노레포 구축 과정을 상세히 다룹니다. 모노레포 도입을 통해 개발 생산성과 협업 효율성을 높이고 일하는 방식을 개선한 경험과 그 과정에서 겪었던 어려움 및 해결 방안을 소개하며, 프론트엔드 개발 환경 개선에 대한 인사이트를 제공합니다.