ReactJS로 영화 웹 서비스 만들기(07_2/Movie App04_gh-pages)

https://nomadcoders.co/react-for-beginners/lobby

ReactJS로 영화 웹 서비스 만들기 – 노마드 코더 Nomad Coders

---

gh-pages설치_결과물을 github pages에 업로드 할 수 있게 해주는 패키지

gh-pages설치

# yarn 설치

yarn add gh-pages​

# or npm 설치

npm install gh-pages

터미널 창에 yarn build 혹은 npm build 입력

 

> 압축된거얌!

---

package.json 파일에서 제일 하단에 다음과 같이 적어주고,

  },
  "homepage": "http://miinxxi.github.io/nomard_movieAppPratice"
}

http://자신의깃헙아이디.github.io/생성한repo이름(해당  들어있는 repo) 

 

package.json의 scripts에서 추가해준다.

  "predeploy": "yarn build", 혹은 "npm build"
  "deploy": "gh-pages -d build"

deploy는 설치한 gh-pages를 실행시키고, build라는 디렉토리를 가져간다. 

predeploy는 deploy를 실행 시키면 predeploy가 자동으로 먼저 실행이 되고 predeploy는 yarn build를 실행시킨다. 

---

폴더 build를 삭제하고 터미널에 yarn run deploy 혹은 npm run deploy(재배포, 재유지)