GitHub 웹호스팅

GitHub 웹호스팅

---

프로젝트를 진행하면서 웹호스팅이 필요한 경우가 있다. (포트폴리오 등…)

GitHub를 이용하면 무료료 간단한 웹호스팅을 할 수 있다.

gh-pages

---

GitHub에서 제공하는 npm 모듈이다.

• Node.js 설치
• 호스팅할 GitHub 프로젝트 생성 및 remote

1. 설치 방법

npm install gh-pages

2. package.json 설정

Node.js의 npm을 이용하면 package.json이라는 파일을 생성 할 수있다.

생성된 package.json에 추가로 몇줄만 추가해주면 쉽게 호스팅이 가능하다.

{
 //...
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "deploy": "gh-pages -d build",
    "predeploy": "npm run build"
  },
  //...
  },
  "homepage": "https://{github-username}.github.io/{project-name}/"
}

Package.json의 “hompage” : “https://{github-username}.github.io/{project-name}/” 추가

Script부분 추가

• “deploy” : “gh-pages -d build” / deploy는 build폴더를 업로드(배포) 한다.

• “Predeploy” : “npm run build” / deploy를 실행하면 predeploy가 실행된다 이름은 같아야함 pre{name}

    npm run build
    npm run deploy
  

npm run build 시 호스팅에 필요한 build 폴더를 생성한다.

npm run deploy 시 build 폴더를 업로드(배포)한다.