개발 생산성 도구 기초집LESSON 14

반복 작업 줄이기: PowerShell 스크립트와 npm script의 안전한 활용

난이도초급

예상 시간40분

선수지식13강 테스트 체크리스트

14강. 반복 작업 줄이기: PowerShell 스크립트와 npm script의 안전한 활용

1. 이번 강의에서 해결할 문제

실행할 때마다 긴 명령을 다시 입력하면 순서와 옵션이 달라집니다. 프로젝트 구성원이 같은 검증을 한 명령으로 실행할 수 있게 만들되, 출처를 모르는 스크립트를 무심코 실행해서는 안 됩니다.

2. 학습 목표

3. 핵심 개념

자동화의 목적은 새로운 복잡성을 만드는 것이 아니라 이미 성공한 명령의 이름, 순서, 실행 위치를 고정하는 것입니다. Formatter나 Linter가 없는 프로젝트에는 억지로 추가하지 않고, 현재 존재하는 빌드·테스트 명령만 묶습니다.

스크립트는 코드와 같은 실행 파일입니다. 다운로드한 스크립트는 열어 본 뒤 실행하고, 실행 정책을 시스템 전체에서 무리하게 낮추지 않습니다.

4. 단계별 실습

JSON · package.json의 scripts에 병합

package.json
{
  "scripts": {
    "test": "node --test",
    "check": "npm run test"
  }
}

JSON · 파일 경로: .vscode/tasks.json

.vscode/tasks.json
{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "프로젝트 검사",
      "type": "shell",
      "command": "npm.cmd",
      "args": ["run", "check"],
      "options": {"cwd": "${workspaceFolder}"},
      "group": {"kind": "test", "isDefault": true},
      "problemMatcher": []
    }
  ]
}

PowerShell · 실행 위치: D:\Projects\productivity-lab

npm.cmd run check

예상 결과: 프로젝트 루트에서 테스트가 실행되고 성공 시 종료 코드 0을 반환합니다. VS Code에서는 Terminal → Run Task → 프로젝트 검사로 같은 명령을 실행합니다.

이미 Formatter와 Linter가 설정된 웹 프로젝트라면 check를 npm run format:check && npm run lint && npm test처럼 확장할 수 있습니다. Python·Java 프로젝트는 그 저장소에 이미 정의된 명령을 별도 Task로 연결합니다.

5. 도구와 설정이 동작하는 이유

npm script는 프로젝트가 요구하는 명령을 저장소 안에 이름으로 보존합니다. VS Code Task는 새 검사기를 구현하는 것이 아니라 이 명령을 정해진 작업 폴더에서 호출하므로 터미널과 에디터의 결과가 같아집니다.

6. 자주 하는 실수와 해결법

7. 직접 실습

8. 이해 점검 질문 3개

9. 핵심 요약

MINI QUIZ