프로젝트 배경
1) 문제점 기술 블로그·어드민·포트폴리오가 서로 다른 디자인 시스템을 사용해 UI 불일치 및 코드 중복 발생 어드민에서 Mantine UI를 사용해 CSS 번들이 불필요하게 비대해진 문제 앱마다 독립 레포로 관리해 공통 로직 변경 시 각 레포를 별도 수정해야 하는 비효율 2) 프로젝트 목표 모노레포 통합: 3개 앱과 공통 패키지를 단일 레포로 통합해 관리 효율화 디자인 시스템 통일: shadc
프로젝트 성과
CSS 번들 88% 감소
Mantine → shadcn/ui 마이그레이션으로 CSS 번들 221KB에서 27KB로 88% 감소
공통 컴포넌트 15개 이상
@ui 패키지에 15개 이상 공통 컴포넌트 구축 및 3개 앱 공유
중복 코드약 1000줄 제거
기술 블로그 중복 코드 916줄 삭제 후 공통 패키지로 이관 완료
핵심 기능
진행 단계
모노레포 설계
2025.12.
Turborepo + pnpm workspace 구조 및 FSD 레이어 규칙 정립
프로젝트 상세
1) 포트폴리오 소개 개인 기술 블로그·어드민·포트폴리오 사이트 3개 앱과 2개 공통 패키지를 하나의 모노레포로 통합한 개인 개발 인프라 프로젝트. 디자인 시스템 공유와 코드 재사용을 핵심 목표로, pnpm workspace + Turborepo 기반 모노레포 아키텍처를 직접 설계·구축. 2) 작업 범위 모노레포 아키텍처 설계 및 구축 공통 디자인 시스템 개발 (@ui 패키지) 반응형 웹 3







