concurrently package를 이용한 React, Node.js 개발 설정

React 서버와 Node.js 서버 동시 실행

Posted by dongjune on December 9, 2020

우선 프로젝트의 루트 폴더에서 concurrently package를 설치해줍니다.

1
$ npm i -D concurrently

-D는 devDependencies에 설치한다는 것을 뜻합니다.

package.json 파일을 보면 다음과 같이 설치된 것을 확인할 수 있습니다. 스크린샷 2020-12-09 오후 4 12 23

이제 package.json의 script를 수정해줍시다.

스크린샷 2020-12-09 오후 4 13 57

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 servernpm run client동시에 실행

이제 실행해봅시다.

1
$ npm run dev

다음과 같이 react server와 Node.js 서버가 동시에 실행되는것을 확인할 수 있습니다. 스크린샷 2020-12-09 오후 4 18 37