cloud에 upload하기

cloud에 upload 방법

github안에서 무료 웹사이트를 제공

웹사이트를 github의 github page 도메인에 나타나게 해줌

 

 

1️⃣ gh-pages 설치

 

github에 업로드하는 것을 허가해주는 모듈

npm i gh-pages

 

 

2️⃣ package.JSON 설정

 

gh-pages가 동작하는데 필요한 homepage 설정하기

username과 project명 모두 소문자여야 함

"homepage": "https://{your github username}.github.io/{the name of your project in githun}/"

 

3️⃣ package.JSON의 scripts 안에 deploy script 추가해서 gh-pages 호출

 

deploy는 build 폴더를 upload함

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

 

 

4️⃣ npm run build

 

build 폴더 생성

npm run build

 

 

5️⃣ predeploy 명령어 추가

 

build 폴더를 얻는 방법 npm run build

deploy를 실행하면 predeploy가 먼저 실행됨

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

 

 

6️⃣ npm run deploy

 

deploy는 기본적으로 predeploy를 호출(pre뒤의 이름이 같아야 동작함)