Github io 배포해보즈아

1. Local에 있는 project를 원격에 올리자

• New Repo 생성해주고
• local에서 remote환경으로 push해주기

git remote add origin https://github.com/davina708/todo-vin.git
git branch -M main
git push -u origin main

2. React 프로젝트에 gh-pages 설치하기

Github Pages는 React 프로젝트를 쉽게 배포할 수 있도록 gh-pages 라이브러리를 제공한다.

npm install gh-pages --save-dev

3. package.json 설정하기

"homepage": "https://깃허브ID.github.io/레포지토리이름/",

  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "predeploy": "npm run build",  // ⭐추가
    "deploy": "gh-pages -d build"   // ⭐추가
  },

4. package.json  설정 완료 후 npm run deploy 실행

 npm run deploy을 실행해 gh-pages -d build시켜줍니다.

자동으로 빌드도 해주고, github 원격 저장소에 배포에 필요한 파일을 보내줍니다.

5. page 배포하기 

github에서 settings→pages로 들어가서 branch를 선택할 수 있는 브랜치에 gh-pages가 보일꺼다.

브랜치를 gh-pages로 설정하고 저장해줘야 한다.

TADAN 짜쟌~~

https://davina708.github.io/todo-vin/

Todo Practice