씨네
공부하는 개발자 강씨네
씨네
  • 분류 전체보기 (460)
    • Web (21)
      • HTML (11)
      • CSS (10)
    • JS 관련 (49)
      • JavaScript (27)
      • JQuery (22)
    • TS 관련 (15)
      • TypeScript (15)
    • NodeJS (7)
      • NodeJS (7)
    • 따라하며 배우는 시리즈 (23)
      • NodeJS & ReactJS Basic (23)
      • NodeJS & ReactJS Movie (0)
      • NodeJS & ReactJS Youtube (0)
      • NodeJS & ReactJS ChatBot (0)
    • SPA (14)
      • React (14)
      • Vue (0)
      • Anguler (0)
    • Java 관련 (118)
      • Java (52)
      • JDBC (6)
      • JSP & Servlet (18)
      • Spring Legecy (38)
      • SpringBoot (4)
    • Python (26)
      • Python (20)
      • PyMongo (1)
      • Django (5)
    • Git (24)
      • Github (24)
    • RDB (22)
      • Oracle (21)
      • MySQL (1)
    • NoSQL (5)
      • MongoDB (5)
    • OS (4)
      • Linux (4)
    • 빅데이터 (2)
      • hadoop (2)
    • IDE (20)
      • eclipse (11)
      • VSCODE (4)
      • VisualStudio (1)
      • IntelliJ (1)
      • PyCharm (1)
      • DBeaver (2)
    • Install (3)
      • Tomcat (1)
      • Docker (1)
      • Anaconda (1)
    • 오류&에러 (28)
      • TS (2)
      • NodeJS (7)
      • SQL (8)
      • Java (1)
      • Spring (4)
      • Git (6)
      • 기타 (0)
    • 알고리즘 (67)
      • 수열 (1)
      • 백준(backjoon) (39)
      • Programmers (27)
    • 자격증 (5)
      • SQLD (5)
    • 기타 (2)
    • IT유튜브로 지식쌓기 (2)

공지사항

인기 글

최근 글

티스토리

250x250
hELLO · Designed By 정상우.
씨네

공부하는 개발자 강씨네

[ReactJS] Concurrently로 클라이언트와 서버 한번에 실행하기
따라하며 배우는 시리즈/NodeJS & ReactJS Basic

[ReactJS] Concurrently로 클라이언트와 서버 한번에 실행하기

2022. 9. 14. 08:08
728x90

 

 

 

지금까지 서버를 킬때 React와 Node를 따로따로 실행시켰었습니다.

하지만 Concurrently라는 라이브러리를 활용하면 한번에 실행시킬수가 있는데요.

먼저 라이브러리를 설치해보겠습니다.

 

npm install concurrently --save

 

설치가 되었습니다.

 

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

 

concurrently

Run commands concurrently. Latest version: 7.0.0, last published: a month ago. Start using concurrently in your project by running `npm i concurrently`. There are 1113 other projects in the npm registry using concurrently.

www.npmjs.com

사이트에서 사용법이 잘 나옵니다!

package.json에 스크립트를 넣고 concurrently로 차례대로 실행할수 있습니다.

 

스크립트에 해당 코드를 넣었습니다.

앞의 npm run backend는 서버를 실행시켜주는 말인건 알겠는데 그럼 클라이언트는 어떻게 찾을까요??

npm run start --prefix client 명령을 이용하명 client 디렉터리에 있는 npm run start를 알아서 찾아줍니다!

 

이제 npm run dev 한번의 명령으로 두개를 동시에 작동시킬수 있습니다!

 

728x90
저작자표시

'따라하며 배우는 시리즈 > NodeJS & ReactJS Basic' 카테고리의 다른 글

[ReactJS] Redux 기초, Redux 설정  (1) 2022.09.16
[ReactJS] Antd CSS Framework  (0) 2022.09.15
[ReactJS] CORS이슈 해결을 위한 Proxy 설정  (0) 2022.09.13
[ReactJS] 데이터 흐름과 Axios사용하여 요청보내기  (0) 2022.09.12
[ReactJS] React Router Dom  (0) 2022.09.11
    '따라하며 배우는 시리즈/NodeJS & ReactJS Basic' 카테고리의 다른 글
    • [ReactJS] Redux 기초, Redux 설정
    • [ReactJS] Antd CSS Framework
    • [ReactJS] CORS이슈 해결을 위한 Proxy 설정
    • [ReactJS] 데이터 흐름과 Axios사용하여 요청보내기
    씨네
    씨네
    개발자 씨네가 공부하는 내용을 기록 겸 공유하는 블로그입니다!

    티스토리툴바