[React] 노마드코더 영화 웹 서비스 만들기(4) - github에 배포하기

 

 

터미널에 npm i gh-pages 를 입력하여 gh-pages를 설치한다.

 

gh-pages는 github에 웹페이지를 업로드하는 것을 허가해주는 모듈이다.

 

 

git remote -v 를 입력하면 현재 깃허브 프로젝트 도메인을 확인할 수 있다.

 

 

 

 package.JSON으로 가서 맨 밑에

"homepage" : "https://{github username}.github.io/{project name}/"

을 추가한다.

 

 

 

 

그리고 package.JSON의 "script"에 마지막 두 줄을 추가한다.

 

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

 

 

 

마지막으로 터미널에 npm run deploy를 입력하면 배포 성공!