리멤버 웹 서비스 좌충우돌 Yarn Berry 도입기

간단 소개

리멤버 웹 서비스의 Yarn Berry 도입 과정, 주요 특징, 트러블 슈팅 경험 및 최종 효과를 공유합니다.

AI Summary

Yarn Berry 도입 배경 및 목표
- 기존 Yarn Classic의 한계 극복 및 빌드 시간 단축, 안정성 향상을 목표로 함
- Zero-Installs를 통한 탄소 감축 효과 기대
- 모노레포 도입 준비 과정에서 pnpm + Turborepo 조합으로 변경되었지만, Yarn Berry 도입 경험이 최종 결정에 기여
Yarn Berry의 주요 특징 및 장점
- node_modules 구조의 비효율성 해결을 위한 PnP (Plug’n’Play) 기술 적용
- 유령 의존성 문제 해결 및 의존성 관리 강화
- Zero-Installs를 통한 일관된 개발 환경 보장 및 설치 과정 간소화
- 디스크 용량 절감 효과 (Next.js 어드민 서비스 기준 약 27% 감소)
Yarn Berry 적용 과정 및 트러블 슈팅
- 어드민 및 내부 라이브러리 프로젝트부터 점진적으로 적용
- .gitignore 설정, .npmrc, .yarnrc를 .yarnrc.yml로 마이그레이션
- IDE (VSCode) 통합 및 Dockerfile 수정
- ESLint import/order 관련 이슈, pre-hook 미지원, Vite와 함께 사용할 때 Storybook 실행 문제 등 다양한 트러블 슈팅 경험 공유
- 빌드 시간 단축 (평균 50초 ~ 1분), 레포지토리 설치 시 종속성 크기 감소, 로컬/리모트 환경 빌드 결과 동일성 보장 등 효과