#5 Conclusions

깃허브 웹사이트에 결과물을 올려보자.

 

1. 먼저 npm i gh-pages를 통해 설치. 해당 모듈은 코드를 깃허브에 업로드 해줄 수 있게 도와준다.

 

2. 결과물을 깃허브에 push 해준다.

 

3. package.json 파일에 아래 항목 추가

  1) "homepage": "https://rlawpgud86.github.io/movie_app_2020"

  2) scripts 부분에 deploy 와 predeploy 추가

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

 

3) npm run build 명령어를 실행하면 build 폴더가 생성 되는데, 그 후 npm run deploy 명령어를 입력하면 먼저 첫번째로 predeploy가 실행된다. 이에 build가 폴더가 다시 업데이트 되고, build 폴더에 있는 내용이 깃허브페이지에 업로드 된다.