자바스크립트 프로젝트에서 스크립트 활용하기 (npm run)

자바스크립트 프로젝트에서 개발을 진행하다보면 테스트나 빌드(build), 린트(lint), 포맷(format)처럼 반복적으로 수행해야하는 작업들이 생기기 마련입니다. 각 작업은 일반적으로 특정한 개발 도구의 명령어를 실행하게되는데요. 예를 들어, 테스트를 수행할 때는 Jest나 Mocha와 같은 테스트 러너(runner)를 실행하고, 빌드를 수행할 때는 Webpack이나 Parcel과 같은 번들러(bundler)를 실행하고, 린트를 수행할 때는 ESLint와 같은 린터(linter)를 실행하게 됩니다. 이러한 상황은 프로젝트에 참여하고 있는 개발자들에게 (특히 경험이 많치 않은 개발자들에게) 상당히 골치아픈 문제가 될 수 있습니다. 왜냐하면 프로젝트의 모든 개발자들이 이러한 개발 도구들이 제공하는 CLI(Command Line Interface, 커맨드 라인 인터페이스)에 대해서 숙지하고 있어야 하기 때문입니다. 게다가 각 CLI가 제공하는 커맨드와 옵션이 다 달라서 모든 개발자가 매번 정확한 명령어를 터미널에 타이핑하는 것은 쉽지 않은 일입니다. 그 개발자가 여러 프로젝트에 참여하고 있다면 더욱 괴로워지겠지요… 이 문제를 해결하는 좋은 방법은 각 반복 작업을 수행할 때 실행해야하는 명령어를 미리 스크립트로 만들어 놓는 것입니다. 그러면 프로젝트의 개발자는 반복 명령을 수행할 때 어떤 스크립트를 실행해야하는지만 기억하면 되기 때문입니다. 프로젝트에서 필요한 스크립트를 준비하는 방법은 여러 가지가 있으며 각 방법마다 장단점이 있습니다. 전통적인 방법으로 쉘(shell) 스크립트를 작성할 수도 있고, Make와 같은 빌드 자동화 도구를 도입할 수도 있습니다. 해당 프로젝트가 Node.js를 기반으로 되어있는 자바스크립트 프로젝트라면 package.json 파일과 npm run 명령어를 사용하여 이 보다 훨씬 간편하게 스크립트를 등록하고 실행할 수 있습니다. 이번 포스팅에서는 자바스크립트 프로젝트에서 자주 사용되는 명령어를 스크립트로 등록하고 실행하는 방법에 대해서 알아보겠습니다. 📝 포스팅: https://www.daleseo.com/js-npm-run-script/ 패키지 매니저 관련해서 아래 게시물도 함께 읽어보시기를 추천드립니다. 📕 자바스크립트 개발자를 위한 package.json 파일 정리: https://careerly.co.kr/comments/90359 📗 패키지 잠금 파일 (package-lock.json, yarn.lock): https://careerly.co.kr/comments/93535 📘 자바스크립트 개발자를 위한 필수 npm 커맨드 정리 (+npx): https://careerly.co.kr/comments/93003 📙 자바스크립트 패키지 매니저: npm vs. Yarn 🥊: https://careerly.co.kr/comments/94203 📓 Bun: 귀엽지만 강력한 새로운 자바스크립트 런타임 🥟: https://careerly.co.kr/comments/92202