GitHub : gh-pages 를 이용한 Deploy

일반적으로 npm start 등을 이용하여 localhost 환경에서만 내가 개발한 것들을 로컬 환경에서 확인해가면서 할 수 있다.

만약, 로컬 환경이 아니라 모두가 볼 수 있게 할 수 있는 방법이 있다고 한다.

 

바로 npm gh-pages 를 이용하면 되는데, ReactJS를 이용해서 만들었던 것들을 퍼블리쉬할 수 있다.

일단, npm install gh-pages를 이용해서 받아온 다음

 

package.json 에서

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

"deploy", "predeploy", "homepage" 를 작성해서 하면 해당 페이지 주소를 이용할 수 있게 된다.

"homepage" 에서 {username}, {projectname} 에 보통 github 아이디와 프로젝트 이름을 넣어준다고 한다.

(중괄호는 빼자.) 다른 것을 넣어도 되는지는 확인은 안해봤다.

 

마지막으로

npm run build

npm run deploy 를 해서

 

자신의 repo에서 해당 Active로 뜨면 성공이다.

그리고 도메인으로 접속을 하여 확인하면 된다.