"빌드(Build)"는 초보자가 가장 헷갈려하는 용어 중 하나입니다. 쉽게 말하면,

사람이 작성한 프로그램(소스 코드)을 컴퓨터가 실행할 수 있는 형태로 만드는 과정입니다.

1. 집을 짓는 것에 비유하면

프로그램을 만드는 과정을 집을 짓는 것에 비유하면 아주 이해하기 쉽습니다.

즉,

설계도
   ↓
집을 짓는다(빌드)
   ↓
완성된 집

프로그램도 똑같습니다.

소스 코드
    ↓
빌드(Build)
    ↓
실행 가능한 프로그램

2. 왜 빌드가 필요한가?

예를 들어 여러분이 만든 코드가 있습니다.

console.log("안녕하세요");

이 코드는 사람이 읽기 쉽습니다.

하지만 컴퓨터 CPU는 이런 문장을 이해하지 못합니다.

CPU는 사실 이런 것만 이해합니다.

01010100
10101010
11100011

그래서 중간에

"사람이 쓴 코드 → 컴퓨터가 이해하는 코드"

로 변환하는 과정이 필요합니다.

이 과정 전체를 빌드(Build) 라고 부릅니다.

3. 빌드 안에서는 무엇을 할까?

빌드는 사실 여러 작업을 한 번에 합니다.

예를 들어

프로젝트
 ├── app.js
 ├── login.js
 ├── user.js
 ├── home.js
 └── setting.js

이렇게 파일이 여러 개 있습니다.

빌드를 하면

① 문법 검사

오타가 있는지 확인합니다.

예)

console.log("Hello"

괄호가 안 닫혔습니다.

빌드하면

오류!
괄호가 없습니다.

라고 알려줍니다.

② 코드 합치기

여러 파일을 하나로 합칩니다.

login.js
user.js
home.js

↓

bundle.js

이렇게 하나의 파일이 됩니다.

③ 코드 압축

원래

function hello() {
    console.log("Hello");
}

빌드 후

function a(){console.log("Hello")}

이렇게 불필요한 공백과 긴 이름을 줄여 파일 크기를 줄입니다.

④ 이미지 복사

logo.png
background.jpg

같은 이미지도 실행 폴더로 복사합니다.

⑤ CSS 합치기

style.css
login.css
home.css

↓

bundle.css

⑥ 실행 파일 생성

Windows라면

program.exe

Mac이라면

program.app

Android라면

app.apk

iPhone이라면

app.ipa

웹이라면

index.html
bundle.js
bundle.css

등을 만들어 냅니다.

4. React(Next.js)에서는?

예를 들어

npm run build

를 입력하면

src/
components/
pages/
public/

이런 프로젝트가

.next/

폴더로 변환됩니다.

여기에

• 최적화된 JavaScript

• CSS

• 이미지

• 페이지 정보

등이 모두 들어갑니다.

즉

개발용 코드
      ↓
npm run build
      ↓
배포 가능한 코드

가 됩니다.

5. 개발 중에는 왜 빌드를 안 하나?

개발할 때는

npm run dev

를 많이 사용합니다.

이 명령은

• 코드 저장

• 필요한 부분만 빠르게 다시 빌드

• 즉시 화면에 반영

을 해 줍니다.

그래서 개발자는 수정 결과를 바로 확인할 수 있습니다.

반면,

npm run build

는 최종 배포를 위한 전체 빌드를 수행합니다.

6. 왜 시간이 걸릴까?

프로젝트가 커질수록

300개의 JS 파일
100개의 CSS
500장의 이미지

를 모두 검사하고

• 합치고

• 압축하고

• 최적화하고

• 실행 파일을 만드는 작업을 해야 합니다.

그래서 빌드에는 시간이 걸립니다.

7. 빌드와 실행은 다르다

많은 초보자가 헷갈리는 부분입니다.

코드 작성
      ↓
빌드
      ↓
실행

예를 들어

main.cpp

↓

g++ main.cpp

(빌드)

↓

main.exe

↓

main.exe 실행

빌드는 프로그램을 만드는 과정이고,

실행은 만들어진 프로그램을 사용하는 과정입니다.

8. 여러분이 개발 중인 별자리 AR 앱으로 예를 들어 보면

현재 개발 중인 앱에도 비슷한 과정이 있습니다.

TypeScript 코드
React Native 코드
AR 관련 코드
이미지
아이콘
설정 파일

이런 것들을 작성한 뒤,

npm run build

또는 Android/iOS용 빌드를 실행하면,

Android
    ↓
app.apk

또는

iPhone
    ↓
app.ipa

와 같이 실제 휴대폰에 설치할 수 있는 파일이 만들어집니다.

한 문장으로 정리

빌드(Build) 는 여러 개의 소스 코드와 필요한 파일들을 검사하고, 하나로 묶고, 최적화하여 컴퓨터나 스마트폰이 실행할 수 있는 형태의 프로그램으로 만드는 전체 과정을 말합니다.