[노드, 리액트 기초 | React] #19. Concurrently

요것은 한 키워드 입력 시 여러가지 키워드를 순서대로 실행해주는 것인데 아주 혁명입니다.😇
기존에는 백서버와 프론트서버를 따로 따로 켜줘야 했는데 요것을 사용해서 한번에 켤 수 있다. 최고.👍

Concurrently 세팅

1. Concurrently 라이브러리 다운

npm install concurrently --save

라이브러리를 다운받아 줍니당.

2. 사용 방법

"start": "concurrently \"command1 arg\" \"command2 arg\""

가장 바깥에 있는 package.json에 scripts 키워드를 입력한 뒤 concurrently를 먼저 입력하고 키워드를 입력했을 때 켜고 싶은 것들을 차례로 입력해준다.

  "scripts": {
    "dev": "concurrently \"npm run backend\" \"npm run start --prefix client\" "
  },

우리는 프론트엔드 서버와 백엔드 서버를 함께 켤 것이기 때문에 요렇게 입력해준다.
--prefix client라고 해주는 이유는 client 에서 start script를 실행시켜야 client 서버가 켜지기 때문이다.

➕ 참고

따라하며 배우는 노드, 리액트 시리즈 - 기본 강의 를 공부하며 작성한 글입니다.