모노레포가 커질수록 turbo만으로 부족한가요?

코드 소유권·릴리스·롤백·계약 테스트가 문제로 남을 수 있어, Boundaries(경계) 규칙·changeset·버전 정책이 따로 필요합니다.

패키지 간 순환 의존은 어떻게?

엣지 방향(앱 → 라이브러리)을 고정하고, eslint·import 규칙·리팩터로 끊습니다. turbo는 그 그래프를 “빠르게” 돌릴 뿐, 설계는 사람이 합니다.

Vercel Remote Cache vs self-hosted, 선택은?

엔지니어 수·보안·비용·지연을 봅니다. 폐쇄망·규정이 있으면 self-hosted, 그렇지 않으면 Vercel/S3 백엔드 등이 흔합니다.

필터(--filter)는 CI에서 필수인가요?

변경된 워크스페이스만 빌드·테스트하려면 필터+Affected 전략이 사실상 표준에 가깝습니다. “매번 전부”는 비용이 큽니다.

Turborepo 완벽 가이드 | 모노레포·빌드 캐싱·파이프라인·Remote Cache

2026년 4월 7일 · 4분 읽기 · 수정 2026년 4월 7일 중급

이 글의 핵심

Turborepo로 고성능 모노레포를 구축하는 완벽 가이드. 설치, 워크스페이스, 빌드 캐싱, 파이프라인, Remote Cache, Vercel 배포까지 실전 예제로 정리. Turborepo·Monorepo·Build Tool 중심으로 설명합니다.

이 글의 핵심

Turborepo로 고성능 모노레포를 구축하는 완벽 가이드입니다. 설치부터 워크스페이스, 빌드 캐싱, 파이프라인, Remote Cache, Vercel 배포까지 실전 예제로 정리했습니다.

실무 경험 공유: 10개 이상의 패키지를 가진 모노레포에 Turborepo를 도입하면서, 빌드 시간을 20분에서 2분으로 단축하고 CI/CD 비용을 70% 절감한 경험을 공유합니다.

들어가며: “모노레포 빌드가 너무 느려요”

실무 문제 시나리오

시나리오 1: 전체 빌드가 20분 걸려요

모든 패키지를 매번 빌드합니다. Turborepo는 변경된 것만 빌드합니다. 시나리오 2: 의존성 순서가 복잡해요

패키지 간 의존성 순서를 수동 관리합니다. Turborepo는 자동으로 처리합니다. 시나리오 3: CI에서 매번 처음부터 빌드해요

캐시가 없어 CI가 느립니다. Turborepo Remote Cache로 해결합니다.

1. Turborepo란?

핵심 특징

Turborepo는 Vercel이 만든 고성능 빌드 시스템입니다. 주요 장점:

빠른 빌드: 증분 빌드 + 병렬 실행
스마트 캐싱: 변경되지 않은 작업 스킵
Remote Cache: 팀 전체가 캐시 공유
파이프라인: 작업 의존성 자동 관리
간단한 설정: 최소한의 설정으로 시작

2. 설치 및 초기 설정

새 프로젝트 생성

npx create-turbo@latest

기존 프로젝트에 추가

npm install turbo --save-dev

디렉터리 구조

my-turborepo/
├── apps/
│   ├── web/          # Next.js 앱
│   └── docs/         # 문서 사이트
├── packages/
│   ├── ui/           # 공유 UI 컴포넌트
│   ├── utils/        # 유틸리티
│   └── tsconfig/     # 공유 TypeScript 설정
├── turbo.json
├── package.json
└── pnpm-workspace.yaml

3. turbo.json 설정

기본 설정

{
  "$schema": "https://turbo.build/schema.json",
  "globalDependencies": [**/.env.*local],
  "pipeline": {
    "build": {
      "dependsOn": [^build],
      "outputs": [".next/**", "!.next/cache/**", "dist/**"]
    },
    "test": {
      "dependsOn": [build],
      "outputs": [coverage/**]
    },
    "lint": {
      "outputs": []
    },
    "dev": {
      "cache": false,
      "persistent": true
    }
  }
}

파이프라인 설명

^build: 의존하는 패키지의 build가 먼저 실행
outputs: 캐시할 출력 파일
cache: false: 캐싱 비활성화 (dev 서버)
persistent: 백그라운드에서 계속 실행

4. 기본 명령어

빌드

# 모든 패키지 빌드
turbo run build
# 특정 패키지만 빌드
turbo run build --filter=web
# 병렬 실행 제한
turbo run build --concurrency=4

개발

# 모든 앱 개발 모드
turbo run dev
# 특정 앱만
turbo run dev --filter=web

테스트

# 모든 테스트 실행
turbo run test
# 변경된 패키지만 테스트
turbo run test --filter=[HEAD^1]

5. 실전 예제: 풀스택 모노레포

프로젝트 구조

mkdir my-turborepo
cd my-turborepo
pnpm init

pnpm-workspace.yaml

packages:
  - 'apps/*'
  - 'packages/*'

turbo.json

{
  "$schema": "https://turbo.build/schema.json",
  "pipeline": {
    "build": {
      "dependsOn": [^build],
      "outputs": [".next/**", "!.next/cache/**", "dist/**"]
    },
    "dev": {
      "cache": false,
      "persistent": true
    },
    "lint": {},
    "test": {
      "dependsOn": [build]
    }
  }
}

UI 패키지

// packages/ui/package.json
{
  "name": "@repo/ui",
  "version": "0.0.0",
  "main": "./src/index.tsx",
  "types": "./src/index.tsx",
  "scripts": {
    "lint": "eslint .",
    "test": "jest"
  },
  "devDependencies": {
    "@types/react": "^18.0.0",
    "react": "^18.0.0",
    "typescript": "^5.0.0"
  }
}

// packages/ui/src/index.tsx
export { Button } from './button';
export { Input } from './input';

// packages/ui/src/button.tsx
export function Button({ children, ...props }: React.ButtonHTMLAttributes<HTMLButtonElement>) {
  return (
    <button
      className="px-4 py-2 bg-blue-500 text-white rounded hover:bg-blue-600"
      {...props}
    >
      {children}
    </button>
  );
}

Web 앱

// apps/web/package.json
{
  "name": "web",
  "version": "0.0.0",
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@repo/ui": "workspace:*",
    "next": "^14.0.0",
    "react": "^18.0.0"
  }
}

// apps/web/app/page.tsx
import { Button } from '@repo/ui';
export default function Home() {
  return (
    <main>
      <h1>Welcome to Turborepo</h1>
      <Button>Click me</Button>
    </main>
  );
}

6. 캐싱

로컬 캐시

# 첫 번째 빌드
turbo run build
# ✓ Building...
# 두 번째 빌드 (캐시 사용)
turbo run build
# >>> FULL TURBO (캐시에서 복원)

캐시 확인

# 캐시 상태 확인
turbo run build --dry-run
# 캐시 무시
turbo run build --force

캐시 정리

# 로컬 캐시 삭제
rm -rf .turbo

7. Remote Cache (Vercel)

설정

# Vercel 로그인
npx turbo login
# Remote Cache 연결
npx turbo link

사용

# Remote Cache 사용
turbo run build
# 팀원이 빌드 시 자동으로 캐시 재사용

장점

팀 전체 캐시 공유: 한 번 빌드하면 모두 사용
CI 속도 향상: CI에서도 캐시 재사용
비용 절감: 불필요한 빌드 제거

8. 필터링

특정 패키지

# web 앱만 빌드
turbo run build --filter=web
# ui 패키지와 의존하는 모든 것
turbo run build --filter=...@repo/ui
# ui 패키지에 의존하는 모든 것
turbo run build --filter=@repo/ui...

Git 기반 필터링

# 변경된 패키지만 빌드
turbo run build --filter=[HEAD^1]
# main 브랜치와 비교
turbo run build --filter=[origin/main]

9. CI/CD 통합

GitHub Actions

# .github/workflows/ci.yml
name: CI
on:
  push:
    branches: [main]
  pull_request:
jobs:
  build:
    runs-on: ubuntu-latest
    
    steps:
      - uses: actions/checkout@v4
      
      - uses: pnpm/action-setup@v2
        with:
          version: 8
      
      - uses: actions/setup-node@v4
        with:
          node-version: '20'
          cache: 'pnpm'
      
      - run: pnpm install
      
      # Turborepo Remote Cache
      - name: Build
        run: pnpm turbo run build
        env:
          TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
          TURBO_TEAM: ${{ secrets.TURBO_TEAM }}
      
      - name: Test
        run: pnpm turbo run test
      
      - name: Lint
        run: pnpm turbo run lint

10. 성능 최적화

병렬 실행

{
  "pipeline": {
    "build": {
      "dependsOn": [^build],
      "outputs": [dist/**]
    },
    "test": {
      "dependsOn": [build],
      "outputs": [coverage/**]
    }
  }
}

출력 최적화

{
  "pipeline": {
    "build": {
      "outputs": [
        ".next/**",
        "!.next/cache/**",  // 캐시 제외
        "dist/**"
      ]
    }
  }
}

11. 실전 팁

환경 변수

{
  "globalDependencies": [
    "**/.env.*local",
    ".env"
  ],
  "pipeline": {
    "build": {
      "env": ["NODE_ENV", "API_URL"]
    }
  }
}

프로파일링

# 빌드 프로파일 생성
turbo run build --profile=profile.json
# 프로파일 확인
open https://turbo.build/viewer

정리 및 체크리스트

핵심 요약

Turborepo: 고성능 모노레포 빌드 시스템
스마트 캐싱: 변경되지 않은 작업 스킵
Remote Cache: 팀 전체 캐시 공유
파이프라인: 작업 의존성 자동 관리
빠른 빌드: 증분 빌드 + 병렬 실행

구현 체크리스트

같이 보면 좋은 글

이 글에서 다루는 키워드

Turborepo, Monorepo, Build Tool, Caching, pnpm, Workspace, DevOps

자주 묻는 질문 (FAQ)

Q. Turborepo vs Nx, 어떤 게 나은가요?

A. Turborepo는 더 간단하고 빠릅니다. Nx는 더 많은 기능을 제공하지만 복잡합니다. 대부분의 경우 Turborepo로 충분합니다.

Q. Remote Cache 비용은 얼마인가요?

A. Vercel의 Hobby 플랜은 무료입니다. Pro 플랜은 월 $20부터 시작합니다.

Q. pnpm 없이 사용할 수 있나요?

A. 네, npm, yarn도 지원합니다. 하지만 pnpm이 가장 빠릅니다.

Q. 기존 모노레포에 추가하기 어렵나요?

A. 매우 쉽습니다. turbo.json만 추가하면 됩니다. 점진적 도입이 가능합니다.

심화 부록: 구현·운영 관점

이 부록은 앞선 본문에서 다룬 주제(「Turborepo 완벽 가이드 | 모노레포·빌드 캐싱·파이프라인·Remote Cache」)를 구현·런타임·운영 관점에서 다시 압축합니다. 도메인별 세부 구현은 글마다 다르지만, 입력 검증 → 핵심 연산 → 부작용(I/O·네트워크·동시성) → 관측의 흐름으로 장애를 나누면 원인 추적이 빨라집니다.

내부 동작과 핵심 메커니즘

flowchart TD
  A[입력·요청·이벤트] --> B[파싱·검증·디코딩]
  B --> C[핵심 연산·상태 전이]
  C --> D[부작용: I/O·네트워크·동시성]
  D --> E[결과·관측·저장]

sequenceDiagram
  participant C as 클라이언트/호출자
  participant B as 경계(런타임·게이트웨이·프로세스)
  participant D as 의존성(API·DB·큐·파일)
  C->>B: 요청/이벤트
  B->>D: 조회·쓰기·RPC
  D-->>B: 지연·부분 실패·재시도 가능
  B-->>C: 응답 또는 오류(코드·상관 ID)

불변 조건(Invariant): 버퍼 경계, 프로토콜 상태, 트랜잭션 격리, FD 상한 등 단계별로 문장으로 적어 두면 디버깅 비용이 줄어듭니다.
결정성: 순수 층과 시간·네트워크·스케줄에 의존하는 층을 분리해야 테스트와 장애 분석이 쉬워집니다.
경계 비용: 직렬화, 인코딩, syscall 횟수, 락 경합, 할당·GC, 캐시 미스를 의심 목록에 둡니다.
백프레셔: 생산자가 소비자보다 빠를 때 버퍼·큐·스트림에서 속도를 줄이는 신호를 어디에 둘지 정의합니다.

프로덕션 운영 패턴

영역	운영 관점 질문
관측성	요청 단위 상관 ID, 에러율·지연 p95/p99, 의존성 타임아웃·재시도가 대시보드에 보이는가
안전성	입력 검증·권한·비밀·감사 로그가 코드 경로마다 일관적인가
신뢰성	재시도는 멱등 연산에만 적용되는가, 서킷 브레이커·백오프·DLQ가 있는가
성능	캐시·배치 크기·커넥션 풀·인덱스·백프레셔가 데이터 규모에 맞는가
배포	롤백 룬북, 카나리/블루그린, 마이그레이션·피처 플래그가 문서화되어 있는가
용량	피크 트래픽·디스크·FD·스레드 풀 상한을 주기적으로 검증하는가

스테이징은 데이터 양·네트워크 RTT·동시성을 프로덕션에 가깝게 맞출수록 재현율이 올라갑니다.

확장 예시: 엔드투엔드 미니 시나리오

앞선 본문 주제(「Turborepo 완벽 가이드 | 모노레포·빌드 캐싱·파이프라인·Remote Cache」)를 배포·운영 흐름에 맞춰 옮긴 체크리스트입니다. 도메인에 맞게 단계 이름만 바꿔 적용할 수 있습니다.

입력 계약 고정: 스키마·버전·최대 페이로드·타임아웃·에러 코드를 경계에 둔다.
핵심 경로 계측: 요청 ID, 단계별 지연, 외부 호출 결과 코드를 로그·메트릭·트레이스에서 한 흐름으로 본다.
실패 주입: 의존성 타임아웃·5xx·부분 데이터·락 대기를 스테이징에서 재현한다.
호환·롤백: 설정/마이그레이션/클라이언트 버전을 되돌릴 수 있는지 확인한다.
부하 후 검증: 피크 대비 p95/p99, 에러율, 리소스 상한, 알림 임계값을 점검한다.

handle(request):
  ctx = newCorrelationId()
  validated = validateSchema(request)
  authorize(validated, ctx)
  result = domainCore(validated)
  persistOrEmit(result, idempotentKey)
  recordMetrics(ctx, latency, outcome)
  return result

문제 해결(Troubleshooting)

증상	가능 원인	조치
간헐적 실패	레이스, 타임아웃, 외부 의존성, DNS	최소 재현 스크립트, 분산 트레이스·로그 상관관계, 재시도·서킷 설정 점검
성능 저하	N+1, 동기 I/O, 락 경합, 과도한 직렬화, 캐시 미스	프로파일러·APM으로 핫스팟 확인 후 한 가지씩 제거
메모리 증가	캐시 무제한, 구독/리스너 누수, 대용량 버퍼, 커넥션 미반납	상한·TTL·힙/FD 스냅샷 비교
빌드·배포만 실패	환경 변수, 권한, 플랫폼 차이, lockfile	CI 로그와 로컬 diff, 런타임·이미지 버전 핀
설정 불일치	프로필·시크릿·기본값, 리전	스키마 검증된 설정 단일 소스와 배포 매트릭스 표준화
데이터 불일치	비멱등 재시도, 부분 쓰기, 캐시 무효화 누락	멱등 키·아웃박스·트랜잭션 경계 재검토

권장 순서: (1) 최소 재현 (2) 최근 변경 범위 축소 (3) 환경·의존성 차이 (4) 관측으로 가설 검증 (5) 수정 후 회귀·부하 테스트.

배포 전에는 git add → git commit → git push 후 npm run deploy 순서를 권장합니다.

이 글이 도움이 되셨나요?

여러분의 피드백은 더 나은 콘텐츠를 만드는 데 도움이 됩니다

문제가 있거나 개선 제안이 있으시면 연락처로 알려주세요.

Keyboard Shortcuts

이 글의 핵심

이 글의 핵심

들어가며: “모노레포 빌드가 너무 느려요”

실무 문제 시나리오

캐시가 없어 CI가 느립니다. Turborepo Remote Cache로 해결합니다.

1. Turborepo란?

핵심 특징

2. 설치 및 초기 설정

새 프로젝트 생성

기존 프로젝트에 추가

디렉터리 구조

3. turbo.json 설정

기본 설정

파이프라인 설명

4. 기본 명령어

빌드

개발

테스트

5. 실전 예제: 풀스택 모노레포

프로젝트 구조

pnpm-workspace.yaml

turbo.json

UI 패키지

Web 앱

6. 캐싱

로컬 캐시

캐시 확인

캐시 정리

7. Remote Cache (Vercel)

설정

사용

장점

8. 필터링

특정 패키지

Git 기반 필터링

9. CI/CD 통합

GitHub Actions

10. 성능 최적화

병렬 실행

출력 최적화

11. 실전 팁

환경 변수

프로파일링

정리 및 체크리스트

핵심 요약

구현 체크리스트

같이 보면 좋은 글

이 글에서 다루는 키워드

자주 묻는 질문 (FAQ)

Q. Turborepo vs Nx, 어떤 게 나은가요?

Q. Remote Cache 비용은 얼마인가요?

Q. pnpm 없이 사용할 수 있나요?

Q. 기존 모노레포에 추가하기 어렵나요?

심화 부록: 구현·운영 관점

내부 동작과 핵심 메커니즘

프로덕션 운영 패턴

확장 예시: 엔드투엔드 미니 시나리오

문제 해결(Troubleshooting)

이 글이 도움이 되셨나요?