npm workspaces로 모노레포 구축하고 의존성 관리 자동화하기
초급30분2026-04-12
프론트엔드와 백엔드 코드를 하나의 폴더로 통합하고 npm workspaces를 사용하여 프로젝트 간 의존성을 연결합니다. 공통 유틸리티를 로컬 패키지로 참조하여 코드 수정 사항이 실시간으로 공유되는 모노레포 프로젝트 구조를 구축합니다.
이 코칭은 터미널에서 진행됩니다
오른쪽 패널에서 설치 명령어를 복사하세요이런 걸 배워요
- npm workspaces를 이용해 모노레포 프로젝트를 구성할 수 있습니다.
- 여러 패키지 간의 공통 의존성을 효율적으로 관리할 수 있습니다.
- 루트 디렉토리에서 한 번의 명령으로 모든 패키지를 설치할 수 있습니다.
- 배포 과정 없이 로컬 패키지를 즉시 다른 패키지에서 참조할 수 있습니다.
어떻게 진행해요
1. 모노레포 프로젝트 구조 만들기
2. 공통 코드 패키지 만들기
3. 프론트엔드 패키지 만들기
4. 백엔드 패키지 만들기
5. 패키지 간 코드 연결하기
6. 한 번에 설치하고 실행 결과 확인하기
AI 튜터가 각 단계를 하나씩 안내해줄 거예요