[npm] concurrently 사용하여 서버와 클라이언트 동시에 실행시키기

concurrently 는 여러 명령을 동시에 실행합니다.

 

1. concurrently 설치

npm install --save-dev concurrently

 

2. 사용법

package.json에서 scripts의 start에서 실행하고자 하는 명령을 아래와 같이 입력한다.

//package.json

{
 "script": {
    "client": "cd .. && cd client && yarn start",
    "server": "nodemon server.js",
    "dev": "concurrently --kill-others-on-fail \"yarn server\" \"yarn client\"",
    "start": "node server.js"
  }
}

참고로 디렉토리 구조는 프로젝트 폴더 안에 client 폴더와 server 폴더가 있고 위는 server 폴더 안의 package.json이다.

그러면 yarn server는 nodemon server.js를 실행하고

yarn client는 client 디렉토리로 이동 후 yarn start를 수행한다.

그러므로 터미널에 yarn dev를 입력해주면 두개가 동시에 실행이 된다.

 

※참고: --kill-others 를 사용하면 하나의 명령이 죽으면 모든 명령이 종료된다.