상식닷컴
로그인
가입하기
2026년 상식닷컴 선정 식당 & 카페 리스트
2025년 2026년 신상 호텔 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요
일주일 식단표 어플
자동 일주일 식단표 어플
안드로이드
아이폰
주식 & 코인 차트의 신
1000만원으로 2000만원 만들기 프로젝트
수정하기 - npm에서 스크립트를 실행하는 방법은 무엇인가요?
닉네임
비밀번호
제목
내용
[이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]
npm(Node Package Manager)은 JavaScript 패키지를 관리하고, Node.js <a href='https://sangseek.com/sangseeks/애플/ko'>애플</a>리케이션을 개발하는 데 필수적인 도구입니다. npm을 사용하면 다양한 패키지를 설치하고, 관리하며, 스크립트를 실행할 수 있습니다. npm에서 스크립트를 실행하는 방법에 대해 자세히 알아보겠습니다. 1. npm 스크립트란? npm 스크립트는 `package.json` 파일에 정의된 명령어입니다. 이 스크립트는 프로젝트의 빌드, 테스트, 배포 등 다양한 작업을 자동화하는 데 사용됩니다. 기본적으로 npm은 `npm run <script-name>` 명령어를 통해 이러한 스크립트를 실행할 수 있습니다. 2. package.json 파일 npm 스크립트를 사용하기 위해서는 먼저 `package.json` 파일이 필요합니다. 이 파일은 프로젝트의 메타데이터를 포함하고 있으며, 의존성, 스크립트, 버전 정보 등을 정의합니다. `package.json` 파일은 다음과 같은 구조를 가집니다: ```json { "name": "your-project-name", "version": "1.0.0", "scripts": { "start": "node index.js", "test": "jest", "build": "webpack" }, "dependencies": { "express": "^4.17.1" }, "devDependencies": { "jest": "^26.6.0" } } ``` 위의 예시에서 `scripts` 섹션은 세 가지 스크립트를 정의하고 있습니다: - `start`: `node index.js` 명령어를 실행합니다. - `test`: `jest`를 사용하여 테스트를 실행합니다. - `build`: `webpack`을 사용하여 빌드를 수행합니다. 3. 스크립트 실행 방법 npm 스크립트를 실행하는 방법은 다음과 같습니다: 3.1. 기본 실행 가장 기본적인 방법은 `npm run` 명령어를 사용하는 것입니다. 예를 들어, 위의 `package.json`에서 정의된 `start` 스크립트를 실행하려면 다음과 같이 입력합니다: ```bash npm run start ``` 3.2. <a href='https://sangseek.com/sangseeks/기본 스크립트/ko'>기본 스크립트</a> 실행 `start`와 `test` 스크립트는 `npm run` 없이도 실행할 수 있습니다. 즉, 다음과 같이 입력하면 됩니다: ```bash npm start ``` 또는 ```bash npm test ``` 3.3. 추가 인자 전달 npm 스크립트를 실행할 때 추가 인자를 전달할 수도 있습니다. 예를 들어, `test` 스크립트에 특정 옵션을 추가하고 싶다면 다음과 같이 입력할 수 있습니다: ```bash npm run test -- --watch ``` 여기서 `--`는 npm에게 그 뒤에 오는 인자를 스크립트에 전달하라는 의미입니다. 4. 스크립트의 유용한 기능 npm 스크립트는 다양한 유용한 기능을 제공합니다: - 환경 변수 설정 : 스크립트 내에서 환경 변수를 설정할 수 있습니다. 예를 들어, `NODE_ENV` 변수를 설정하여 개발 또는 프로덕션 환경을 구분할 수 있습니다. ```json "scripts": { "start": "NODE_ENV=production node index.js" } ``` - 다중 스크립트 실행 : 여러 스크립트를 동시에 실행할 수 있습니다. 예를 들어, `concurrently` 패키지를 사용하여 여러 스크립트를 동시에 실행할 수 있습니다. ```json "scripts": { "dev": "concurrently \"npm run server\" \"npm run client\"" } ``` - 스크립트 체이닝 : 스크립트 내에서 다른 스크립트를 호출할 수 있습니다. 예를 들어, `build` 스크립트가 `clean` 스크립트를 먼저 실행하도록 설정할 수 있습니다. ```json "scripts": { "clean": "rimraf dist", "build": "npm run clean && webpack" } ``` 5. 결론 npm 스크립트는 JavaScript 프로젝트에서 반복적인 작업을 자동화하고, 개발 프로세스를 간소화하는 데 매우 유용합니다. `package.json` 파일에 스크립트를 정의하고, `npm run <script-name>` 명령어를 통해 쉽게 실행할 수 있습니다. 이를 통해 개발자는 더 효율적으로 작업할 수 있으며, 팀원 간의 일관성을 유지할 수 있습니다.
이용안내
커뮤니티 이용안내
×
- 게시한 게시글로 발생하는 문제는 게시자에게 책임이 있습니다.
- 게시글이 타인/타업체의 저작권을 침해할 경우 모든 책임은 게시자에게 있습니다. 게시자가 모든 손해를 부담해야 합니다.
- 상식닷컴 운영자는 게시자와 상의하지 않고 게시글을 수정 또는 삭제할 수 있습니다.
- 상식닷컴 운영자는 깨끗한 커뮤니티 공간을 만드는 것이 1순위입니다.
수정하기
취소하기