[concurrently] react front서버, nodejs back 서버 동시에 실행하기

현재 화면을 실행하기 위해서는 front 서버, backend 서버의 각 package.json이 자리하고 있는 경로에서 각각

npm run으로 실행시켜줘야한다. 

 

이 번거로움을 해결하기 위해 두 서버를 동시에 실행 시키는 방법이 있다.

 

* 적용과정

1. 최상위 경로에서 라이브러리 설치( www.npmjs.com/package/concurrently )
$ npm install concurrently --save

 

2. 프로젝트 내 최상위 경로의 package.json에 scripts의 start option 하나 더 삽입

"dev" : "concurrently \"npm run backend\" \"npm run start --prefix client\"",

의미 > backend 실행 추가 후, client내에서 npm run start를 실행

  "scripts": {
    "start": "node server/index.js",
    "backend": "nodemon server/index.js",
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev" : "concurrently \"npm run backend\" \"npm run start --prefix client\"",
  },

 

* 적용 후 

back 서버실행 후 front서버실행..