Github에 React 앱을 배포하는 방법

추가 정보deploy-react-app

-- https://github.com/로 이동

-- Github 계정 생성

-- PC에 Node.js가 설치되어 있는지 확인

-- if not then go to https://nodejs.org/en/
-- install for your device
-- after downloading node.js
-- go to CMD / terminal
-- Type npm -v and node-v
    -- if there any showing latest verison then it is install
    -- if you facing any issue visit https://bit.ly/3yBpris

-- Visual Studio Code(vscode) 설치

-- 원하는 대로 빈 폴더와 이름을 만듭니다.

-- Folder name should be lower case

-- 폴더 완료 후 terimal로 이동

-- check you are in the inside folder

-- 터미널 유형에서

-- npx create-react-app your-folder-name
-- it take few minutes to install

-- github로 이동하여 새 리포지토리 생성

-- name that repositories same as a your react-folder

-- 저장소를 완료한 후

-- go to vscode > terminal and type
    -- npm install gh-pages --save-dev    // it install the gh-pages it help to deploy you react-app

-- 패키지 설치 후

-- package.json 파일로 이동

-- in the first row add "homepage": "http://account-name.github.io/react-project-name",
   -- //save the file
   -- add two new lines in the scripts section
    -- "predeploy": "npm run build",
    -- "deploy": "gh-pages -d build",
-- //save the file

-- vscode terimal 유형에서
-- git 초기화//엔터

-- git remote add origin http://github.com/account-name/project-name.git    // Enter

-- git add .    // Enter

-- git commit -m "Delpoy messgae"    // Enter

-- npm run deploy    // Enter
    -- it will create the build folder and store in the github 

-- git push -u origin master    // Enter
    -- it will push your react file and store in github

-- 프로세스 완료 후 프로젝트로 이동

 github > setting > branch change the master > gh-pages

귀하의 웹 사이트가 활성화됩니다 *

-- 배포 관리 --
-- git stauts//엔터

-- git add .    // Enter

-- git commit -m "Delpoy messgae"    // Enter

-- npm run deploy    // Enter

-- git push -u origin master    // Enter