GitHub 페이지를 React로 만들기 (기본)

2406 단어 Reactgithub-pages

1. 프로젝트 만들기 - Create React App



1-1. Create React App 설치



공식 : create-react-app

1-1-1. 설치 및 시작 확인



bash
# カレントディレクトリ : ~/.
npm i -g create-react-app
create-react-app publish-react-project-basic
cd publish-react-project-basic
npm start



http://localhost:3000을 열면 publish-react-project-basic의 내용이 표시됩니다.

+ npm의 시작 방법

2. GitHub에 배포



2-1. 사전 준비



bash
# カレントディレクトリ : ~/publish-react-project-basic
npm i gh-pages --save-dev

json
# ファイルパス : ~/package.json
  {
    "name": "publish-react-project-basic",
    "version": "0.1.0",
+   "homepage": "https://[username].github.io/[your-repository-name]",

    "scripts": {
+     "deploy": "npm run build && gh-pages -d build"

2-2. 배포



bash
# カレントディレクトリ : ~/publish-react-project-basic
npm run deploy



3. 공개 완료



견본 : 코헤이 신가이 hq. 기주 b. 이오 / c Rete-re-ct-p

좋은 웹페이지 즐겨찾기