boiler-plate : 클라이언트와 서버를 동시에 키는 방법

오늘은 서버와 클라이언트를 매번 두 번 다 실행을 하기 위해서는 매번 실행을 각각 해야 하는데 그 방법을 한 번에 할 수 있는 방법을 알아보려고 한다.

 

1. concurrently 설치하기

yarn add concurrently

 

2. package.json명령어 추가하기

{
 // 생략
  "scripts": {
    "start": "node index.js",
    "backend": "nodemon index.js",
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "concurrently \"npm run start\" \"cd ../client && npm run start\""
  },
// 생략
}

여기서 주목해야 하는 부분은 dev다.

"dev": "concurrently \"npm run start\" \"cd ../client && npm run start\""

yarn dev를 실행하는 경우 concurrently를 이용하여 서버와 클라이언트를 한번에 실행할 수 있게 도와준다.

지금 현재는 서버안에 들어가서 yarnn dev를 실행해야지만 가능한데... 이 부분을 바꿔보고 싶은데 잘 이해가 가지 않는다. 분명 이론상으로는 이렇게 하면 이게 돼야 할 텐데에서 잘 바뀌지 않아 다른 분들의 도움을 받고 싶다.