상식닷컴
로그인
가입하기
2026년 상식닷컴 선정 식당 & 카페 리스트
2025년 2026년 신상 호텔 리스트
최근에 오픈한 호텔을 찾는다면 살펴보세요
일주일 식단표 어플
자동 일주일 식단표 어플
안드로이드
아이폰
주식 & 코인 차트의 신
1000만원으로 2000만원 만들기 프로젝트
궁금한 상식 보기
구연산의 농축 방법은 무엇인가요?
구연산의 독성에 대한 연구는 어떤 것이 있나요?
지문인식 기술이 사용되는 환경 단체는 어떤 것이 있나요?
핀터레스트에서 효과적인 CTA(콜 투 액션)를 만드는 방법은?
구면의 두 점 사이의 최단 거리는 어떻게 계산하나요?
기초대사율을 높이기 위한 간단한 운동은 무엇인가요?
기초대사율과 정신 건강의 관계는 무엇인가요?
DDD에서의 코드 품질을 유지하기 위한 방법은 무엇인가요?
파이(Pie)와 타르트(Tart)의 차이는 무엇인가요?
'Crumble'과 'Cobbler'의 차이는 무엇인가요?
계엄의 정의는 무엇인가요?
그랩의 요금 체계는 어떻게 되나요?
Previous
Next
수정하기 - 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순위입니다.
수정하기
취소하기