프로젝트 빌드와 배포가 무엇인가요?

Question

프로젝트 빌드와 배포가 무엇인가요?

Accepted Answer

## 빌드(Build)

**개발용 소스 코드를 브라우저(또는 런타임)가 실행할 수 있는 최적화된 산출물로 변환하는 과정**입니다.

```
소스 (TS, JSX, SCSS, 이미지, 다수 모듈)
  ↓ 트랜스파일 — TS/JSX → JS, 최신 문법 → 타깃 문법 (SWC, Babel, esbuild)
  ↓ 번들링 — 모듈 의존성 그래프를 따라 파일 병합 (Turbopack, Webpack, Vite/Rollup)
  ↓ 트리 셰이킹 — 사용하지 않는 export 제거
  ↓ 코드 스플리팅 — 라우트·동적 import 단위로 청크 분리
  ↓ 최소화(Minify) — 공백·주석 제거, 변수명 축약
  ↓ 에셋 처리 — 이미지 최적화, CSS 추출, 폰트 서브셋
  ↓ 해싱 — main.a3f9c2.js (콘텐츠 해시 → 장기 캐싱 + 즉시 무효화)
  ↓ 소스맵 생성
산출물 (.next/, dist/)
```

**해싱이 중요한 이유**: 파일명에 콘텐츠 해시가 들어가면 `Cac

빌드·배포

01프로젝트 빌드와 배포가 무엇인가요?쉬움빌드