React] github page를 이용해서 쉽게 홈페이지를 만들어보자.
요렇게 생겨먹은 페이지를 간단하게 만들어보자.
깃헙을 이용하면 굉장히 간단하게 웹페이지 배포를 할 수 있다!
먼저 루트폴더
에서,
npm install gh-pages
혹은
npm install -g gh-pages --save-dev
로 github page
를 설치한다.
그리고 package.json 파일을 아래와 같이 변경한다.
//package.json
...
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"deploy": "gh-pages -d build",
"predeploy": "npm run build"
},
...(중략) ..
"homepage": "https://{당신의id}.github.io/practice_2021"
homepage에는 당신의 github page
+ '/현재 프로젝트명
'을 작성하면 된다.
만약 github에 page따위 만든적이 없다면, 우리 깃헙의 친절한 docu를 보자.
👇🏻
https://docs.github.com/en/pages/quickstart
github에서 레포지토리를 열고, 그 레포지토리명을 {자신의github id}.github.io 로 입력한 후,설정으로 들어가 기본 세팅만 끝내면 됨.
상기 document를 보면 스크린샷까지 나와있어 이해하기 매우 쉽다.
npm run build
를 입력하면
build 폴더를 발견 할 수 있을 거다.
깃헙페이지까지 준비가 되었다면
이제 deploy만 하면 된다.
npm run deploy
Voila!
주소창에 해당 웹 주소를 입력 후 접속하면,
당신의 새로운 웹페이지를 만나게 될 거다.
끝.
Author And Source
이 문제에 관하여(React] github page를 이용해서 쉽게 홈페이지를 만들어보자.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@hayunis/React-github-page를-이용해서-쉽게-홈페이지를-만들어보자저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)