m1 맥북 node 개발 세팅 - [2] express 설치 & 리액트 설치

sudo npm install express-generator -g

express의 뼈대를 만들어주는 express-generator를 전역으로 설치

 

WARN 뜨는데 걍 무시 express -h 명령어 먹으면 성공한거!

 

express server

//server라는 express 프로젝트를 만든다라는 명령어

//시키는대로 하면됨.
hange directory:
$ cd server

install dependencies:
$ npm install

run the app:
$ DEBUG=server:* npm start

express 서버 띄우기 성공! node 너무 좋아

 

2. nodemon 설치 

nodemon을 설치하면 재시작 없이 코드를 자동 반영 할수 있다.

cd server //server 폴더로 꼭 이동하고 할것!!!
npm install --save-dev nodemon

//package.json
{
  "name": "server",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "nodemon ./bin/www"
  },
  "dependencies": {
    "cookie-parser": "~1.4.4",
    "debug": "~2.6.9",
    "express": "~4.16.1",
    "http-errors": "~1.6.3",
    "jade": "~1.11.0",
    "morgan": "~1.9.1"
  },
  "devDependencies": {
    "nodemon": "^2.0.15"
  }
}

이렇게까지 세팅하고 

npm run start 하면 코드 수정하면 바로바로 반영됨.

 

[2] 리액트설치

sudo npm install -g create-react-app

create-react-app client

생각 보다 시간이 걸린다. 

//시키는대로 한다.
$ cd client
$ npm start

오늘 리액트까지 띄웠다.

 

git에 올리면 세팅끝