React 클라이언트와 서버 동시 실행

React작업시 클라이언트와 서버를 각각 실행해줘야하는 불편함을 해결하기 위해 필요한 모듈을 설치해보겠습니다.

 

작업진행순서

• nodemon과 nodemon concurrently모듈 설치
• package.json 설정추가
• 클라이언트 디렉토리에서 명령어 입력후 실행확인

 

 

클라이언트와 서버 동시실행 모듈 설치

먼저 nodemon모듈을 설치해줍니다.

npm install nodemon -g

yarn global add nodemon

 

그리고나서 nodemon concurrently를 설치해줍니다.

npm install nodemon concurrently --save-dev

yarn add nodemon concurrently --dev

 

 

 

package.json에서 scripts항목 추가

"scripts": {
    "start": "node scripts/start.js",
    "build": "node scripts/build.js",
    "server": "nodemon server/server.js",
    "dev": "concurrently \"nodemon server/server.js\" \"node scripts/start.js\"",
    "test": "node scripts/test.js"
  },

 

 

 

React프로젝트위치(클라이언트 디렉토리)에서 실행명령어 입력

npm run dev

yarn dev