Concurrently 를 이용한 동시 실행

나의 경우에는,

프론트 서버를 킬때는 client 디렉토리에서 npm run start 를 실행해야 하고
백 서버를 킬때는 루트 디렉토리에서 npm run backend 를 실행해야 한다.

이 두 명령어를 동시에 사용하기 위해서는 concurrently 라이브러리를 사용하면 된다.

나는 / 루트 디렉토리에서 두 명령어를 동시에 실행하기 위해 / 루트 디렉토리에 concurrently 라이브러리를 다운받는다.

npm install concurrently --save

사용방법은 아래와 같다

"명령어": "concurrently \"command1 arg\" \"command2 arg\""

concurrently 를 이용하여 루트 디렉토리의 pakage.json 에 명령어 스크립트를 추가하자.

"dev" :  "concurrently \"npm run backend\" \"npm run start --prefix client\""

npm run start 는 client 에서 실행시켜줘야 하기 때문에, 뒤에 --prefix client 를 붙여주면 알아서 client 안에 있는 pakage.json 에서 찾아서 실행시켜 준다.

아래는 루트 디렉토리의 pakage.json 파일이다.

결과적으로 프론트, 백 서버를 동시에 켤 수 있게 된다.