배포 / 클라우드
빌드(Build)
빌드(Build)은(는) 바이브 코딩 중 자주 마주치는 핵심 개념입니다. 정의만 외우기보다 실제 작업 흐름에서 어떤 역할을 하는지 이해하는 것이 중요합니다.
쉬운 설명
소스 코드를 실행 또는 배포 가능한 결과물로 변환하는 과정.
배경과 쓰임까지 이해하기
조금 더 자세히
빌드(Build)는 개발 중인 소스 코드를 실행하거나 배포할 수 있는 결과물로 바꾸는 과정입니다. 보통 개발할 때는 파일이 여러 개로 나뉘어 있고 개발용 설정도 섞여 있지만, 배포 전에는 브라우저나 서버가 실행하기 좋은 형태로 정리해야 합니다. 예를 들어 TypeScript 검사, Astro/Next.js 페이지 생성, CSS 묶기, JavaScript 번들 만들기, 이미지 최적화, 서버 실행 파일 준비 등이 빌드 과정에 포함될 수 있습니다.
이 단계에서 빠진 파일, 타입 오류, 잘못된 import, 환경변수 누락이 발견되기도 합니다. 한마디로, 빌드(Build)는 개발 코드를 실제 실행 가능한 형태로 정리하는 과정입니다.
실제로는 이렇게 만나요
Astro 프로젝트에서 `npm run build`를 실행하면 HTML, CSS, JS 파일이 `dist` 폴더에 생성됩니다.
- 이런 거 할 때 나와요 배포(Deploy) 전에 빌드(Build)가 실패하면 사이트가 공개되지 않습니다. 타입 오류, import 오류, 누락된 환경변수가 이 단계에서 자주 드러납니다.
- 이렇게 생겼어요 빌드(Build)은(는) Deploy, Vercel, Next.js 같은 주변 개념과 함께 문서, 설정 화면, 오류 메시지에서 자주 보입니다.
- 나오는 화면 예시 배포 / 클라우드 작업을 하다가 Deploy, Vercel, Next.js를 확인하는 화면
헷갈리기 쉬운 점
개발 서버에서는 보이던 것이 빌드에서는 실패할 수 있습니다. 개발 모드와 프로덕션 빌드는 검사가 다를 수 있습니다.
왜 알아두면 좋을까요?
배포(Deploy) 전에 빌드(Build)가 실패하면 사이트가 공개되지 않습니다. 타입 오류, import 오류, 누락된 환경변수가 이 단계에서 자주 드러납니다.
Checklist
실제로 볼 때 확인할 것
- 01
배포 전 `npm run build`를 실행한다
- 02
경로와 base URL을 확인한다
- 03
빌드 산출물은 보통 Git에 올리지 않는다