우선 프로젝트의 루트 폴더에서 concurrently package를 설치해줍니다.
1
$ npm i -D concurrently
-D는 devDependencies에 설치한다는 것을 뜻합니다.
package.json 파일을 보면 다음과 같이 설치된 것을 확인할 수 있습니다.
이제 package.json의 script를 수정해줍시다.
1
2
3
4
5
"scripts": {
"server":"nodemon server",
"client":"npm start --prefix client",
"dev":"concurrently \"npm run server\" \"npm run client\""
}
line 2 : npm run server 를 입력하면 nodemone server가 실행
line 3 : npm run client 를 입력하면 client 폴더로 이동하여 npm start 실행
line 4 : npm run dev를 입력하면 npm run server와 npm run client가 동시에 실행
이제 실행해봅시다.
1
$ npm run dev
다음과 같이 react server와 Node.js 서버가 동시에 실행되는것을 확인할 수 있습니다.