Chunho’s DevLife

  • 홈
  • 태그
  • 방명록

React #node #reactJS #nodeJS #npm #yarn #서버 #server #scripts #package #json #http #axios #fetch 1

[React]React서버, Node서버 동시에 실행하기

프론트엔드로 React, 백엔드로 Node를 사용한 경우 http통신을 테스트하기 위해 React서버와 Node서버를 동시에 실행해야 하는 경우가 있다. 즉, npm start 로 React서버를 실행시킴과 동시에 node [파일명] 명령어를 통해 Node서버까지 실행시키는 방법을 알아보자. 먼저 concurrently 라이브러리를 프로젝트의 root 디렉토리에 설치해준다. 설치가 끝나면 package.json 파일을 열고 "scripts"의 내용을 변경해주어야 한다. "dev" 부분을 먼저 살펴보자. npm run dev 명령어를 실행했을 때 동작하는 부분이다. npm run node, npm run react를 동시에 실행시킨다는 내용이다. node와 react에는 각각 Node서버, React서버를..

React.js 2021.09.11
이전
1
다음

방문자수Total

  • Today :
  • Yesterday :
프로필사진

Chunho’s DevLife

웹 프론트엔드, 모바일 게임 클라이언트를 개발하고 있습니다 :) 클린코드와 아키텍처에 관심이 많습니다.

  • 분류 전체보기 (111) N
    • Node.js (6)
    • React.js (60) N
    • React-Native (3)
    • Java (7)
    • 자료구조 (0)
    • 알고리즘 (0)
    • 코딩테스트 (1)
    • AWS (4)
    • Javascript (0)
    • ETC (9)
    • 컴퓨터 네트워크 (4)
    • 데이터 과학 (4)
    • Next.js (13)
    • 웹 해킹 (0)

Tag

CSS, login, useQuery, framer-motion, SSR, react-native, react-query, getStaticProps, reactnative, Modal, API, ERR, typescript, Safari, nextjs, react, rn, Next, javascript, ReactJS,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 05  
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

Copyright © Kakao Corp. All rights reserved.

  • GitHub
  • Instagram

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.