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

Intro

서버는 node.js이고 클라이언트는 react이다.

여태까지는 서버 따로 클라이언트 따로 npm start를 해줬지만 concurrently 라이브러리를 이용하면 동시에 시작해서 좀 더 편하게 개발환경을 구성할 수 있다.

Install

$ npm install concurrently --save

설치가 완료되면 package.json에서 설치된 것을 확인할 수 있다.

How to use?

사용하는 법은 root 디렉토리에 package.json 파일의 scripts 부분에 사용하고 싶은 명령어 형태를 정의해주고 사용한다.

여기서는 dev라고 이름을 붙이도록 하겠다.

{
	"scripts": {
    "start": "node index.js",
    "backend": "nodemon index.js",
    "frontend": "npm run front --prefix client",
    "dev": "concurrently \"npm run backend\"  \"npm run start --prefix client\""
  },
}

그리고 프로젝트의 터미널을 켜고 root에서 명령어를 입력하면 끝!