📚 [node.js + react] 클라이언트와 서버 동시에 실행 - concurrently

📚 [node.js + react] 클라이언트와 서버 동시에 실행 - concurrently

 

원래는 따로 npm strat 해야 하지만 concurrently를 설치해 준다면 그럴 필요가 없어진다.

npm install concurrently --save

 

 

---

 

 

기존 package.json에서 아래의 코드처럼 추가 작성 해줘야 한다.

{
  "name": "react",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "node sever/index.js",
    "backend": "nodemon sever/index.js",
    "test": "echo \"Error: no test specified\" && exit 1",
    // 아래 dev 부분이 추가 해야할 곳
    "dev": "concurrently \" npm run backend\"  \"npm run start --prefix client\""
  },
  
	//<생략>
    
}

클라이언트 부분에만 --prefix client가 추가로 붙은 이유는

client\package.json 경로에서 npm run start를 찾아와야 하기 때문.

 

 

---

 

 

이제 터미널에서 아래 명령어만 입력해 준다면  클라이언트와 서버를 동시에 실행 가능하다.

npm run dev

 

 

---

 

 

아래 링크로 가면 사용방법을 더 자세하게 알 수 있다.

https://www.npmjs.com/package/concurrently