Deploying to Github Pages

1. gh-page 설치

• 터미널에 npm i gh-pages 입력
• gh-pages는 웹사이트를 github의 github page 도메인에 나타나게 해줌
• github는 static 웹사이트 무료로 제공

2.  package.json 파일에 homepage 생성

• "homepage": "https://{your github id}.github.io/{your project name}"
• 무조건 소문자. 띄어쓰기는 안됨

3. deploy, predeploy 명령어 생성

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

• deploy는 build 폴더 upload 함
• build 폴더를 얻는 방법은 npm run build 실행
• deploy를 먼저 호출하면 predeploy가 자동적으로 실행됨

4. 터미널에 npm run deploy 입력

• published 됨

위 과정으로 아래와 같이 코드를 cloud에 올릴 수 있다.

ji-one.github.io/dsc-react-study/

Movie App