[Node.js] 🕹️ Concurrently 설치 및 사용법.

목차

Concurrently는 여러 개의 명령어를 동시에 실행할 수 있도록 해주는 Npm 패키지다. 이 패키지를 사용하면 Frontend와 Backend에서 개발용 서버를 따로 실행하거나, 터미널의 로그를 따로 확인할 필요도 없기에 매우 유용하다. 

 

그럼 이번글에서는 Concurrently 사용법을 포스팅해보겠다. 우선 폴더 구조는 다음과 프론트엔드 폴더와 백엔드 폴더로 나눠서 구성한 채로 시작한다,

Folder

.
├── Frontend
└── Backend

---

Concurrently 라이브러리 설치

우선 Concurrently 라이브러리를 설치한다.

Shell

// 'concurrently' 설치하기.
$ npm install concurrently
# or
$ yarn add concurrently

---

세부사항 설정하기

설치가 완료되었다면, 가장 상위 package.json에 스크립트 추가한다.

JavaScript

// 'package.json'의 'scripts' 수정하기.
"scripts": {
    "server": "cd server && nodemon server",
    "client": "cd client && npm start",
    "start": "concurrently --kill-others-on-fail \"npm run server\" \"npm run client\""
},

---

Concurrently 실행하기

package.json 파일의 scripts 부분을 위에서 작성한 것과 같이 수정하였다면 다음 코드를 입력하면 실행이 Node.js 파일을 실행 가능하다.

Shell

// 'concurrently'를 이용하여 'Node.js' 실행하기
$ npm run start

실행되었다면 server측 서버가 구동되며 npm run start --prefix client를 통해 client측 서버가 구동된다.

---

📁 예제 파일

Node.js와 React를 concurrently 라이브러리를 이용하여 동시에 실행시키는 예제.

GitHub - light9639/Node-React: Node, React를 concurrently를 사용하여 동시에 실행시키는 예제입니다.