ReactJS_9_Deploy

다른 프로젝트에서는 배포에서 애를 많이 먹었다.

그러나 ReactJS에서는 비교적 간단한 편이다.

먼저 Build를 통해 배포의 준비를 한다(압축해줌).

$ npm run build 

/package.json 내용 추가

"scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "homepage": "http://YoonShinWoong.github.io/movie_app",

"scripts":{ 
  "start": "react-scripts start", 
  "build": "react-scripts build", 
  "test": "react-scripts test", 
  "eject": "react-scripts eject" 
  },
  "homepage": "http://YoonShinWoong.github.io/movie_app",

수정 후에는 다시 build를 해줘야 한다, 그리고 깃 브런치 만들어주기.

$ npm run build 

$ npm install --save-dev gh-pages

/package.json 내용 추가

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build"
  },

$ npm run deploy //에러발생

깃 원격저장소에 업로드 한 후에 다시 배포 실행!

$ npm run deploy

이렇게 하면 완성이다!

 

주소 : https://yoonshinwoong.github.io/movie_app/