🌿 중급 개발도구
빌드 스크립트가 뭔가요?
쉽게 이해하기
요리 레시피와 비슷해요. '재료 씻기 → 썰기 → 볶기 → 완성'처럼 단계별로 적어둔 레시피를 보고 요리하듯이, 빌드 스크립트는 '코드 린트 → 타입 체크 → 번들링 → 압축' 같은 단계를 자동으로 실행해줘요.
핵심 정리
코드를 배포 가능한 형태로 변환하는 명령어 모음으로, package.json에 정의해서 사용해요.
자세히 알아보기
빌드 스크립트는 개발 중인 코드를 배포 가능한 형태로 변환하는 명령어들을 모아둔 거예요. JavaScript 프로젝트에서는 package.json 파일의 'scripts' 섹션에 정의해요. 예를 들어 'npm run build'를 치면 설정해둔 빌드 과정이 자동으로 실행되는 거죠.
빌드 스크립트에는 여러 단계가 들어가요. 타입스크립트를 자바스크립트로 변환하고, 여러 파일을 하나로 합치고(번들링), 코드를 압축하고(minify), 이미지를 최적화하는 등의 작업이 순차적으로 일어나요. 이 과정을 수동으로 하나하나 실행하면 번거로우니까 스크립트로 자동화하는 거예요.
실무에서는 'dev', 'build', 'test', 'lint' 같은 스크립트를 만들어서 사용해요. 'npm run dev'는 개발 서버를 띄우고, 'npm run build'는 배포용 파일을 생성하고, 'npm run test'는 테스트를 실행하는 식이에요. 각 스크립트는 Vite, Webpack, ESBuild 같은 빌드 도구를 실행하는 명령어를 담고 있어요.
CI/CD 파이프라인에서도 빌드 스크립트를 그대로 사용해요. GitHub Actions에서 'npm run build'를 실행하면 로컬에서 빌드할 때와 똑같은 결과가 나와서 일관성이 유지돼요. 빌드 스크립트를 잘 정리해두면 팀원 누구나 같은 방식으로 빌드할 수 있고, 배포 자동화도 쉬워져요.