server/client 동시 실행(Concurrently)

우리가 개발을 하면서 client와 server를 나누고 개발을 진행하는 경우가 거의 대부분이다. 이때 우리는 각각의 Script를 실행하기 위해 2개의 터미널을 각각 열고 npm run start를 입력하고 있을지 모른다. 이러한 경우에 활용할 수 있는 것이 이번 시간에 소개할 내용이다.

 

---

Concurrently

concurrently

concurrently는 각각의 스크립트로 실행하는 node를 위해 하나의 명령어를 통해 각각의 node를 같이 실행시킬 수 있도록 도와주는 역할을 하는 패키지를 의미한다. 위에 패키지를 활용하면 server 스크립트에서 run를 할 경우, client까지 같이 실행하도록 할 수 있다.

 

install

npm install concurrently --save

먼저 패키지를 server측 package.json이 위치한 곳에서 설치한다.

 

Script 작성

server/package.json

  "scripts": {
  	...
   	"dev" : "concurrently \"npm run start\" \"npm run start --prefix [client 상대위치]\"",
	...
},

이후에 server/package.json에 위와 같은 내용을 입력하면 되는데, 현재 npm run start는 server를 시작하기 위한 스크립트이므로 client의 상태 위치를 입력하기 위해 --perfix(접두사)를 붙여서 실행하도록 하면 된다.