Express & React 연동

🙌 프로젝트 구조

---

• project
  • client (create-react-app로 생성)
    • public
      • index.html
    • src
      • app.js
      • index.js
    • package.json
  • server
    • app.js
    • package.json
  • package.json
  • node_modules
    
    
    
    

😁 server

---

1. nodemon : 서버의 변경사항 자동 적용

   npm install nodemon --save -include=dev

2. concurrently : express 서버와 react를 한 명령어로 실행하도록 도와줌

   npm install concurrently

3. express

   npm install express

4. package.json ~ script.dev 추가

   "server": "node ./app.js",
   "client": "cd ../client && npm start",
   "dev": "concurrently \"npm run server\" \"npm run client\""

😀 client

---

1. package.json에 proxy 속성 추가

   "proxy": "http://localhost:[express에서 사용하는 포트 번호]"