Git

1. Git
   1. Github Repository
   2. branch
      1. React 프로젝트를 gh-pages에 업로드
         1. build
   3. Subtree
   4. gh-pages에 간단하게 배포하기
      1. gh-pages
      2. Netlify
         1. Netlify를 사용하여 지속적 배포하기

Git

• 버전 관리를 위한 시스템이다.

  Github Repository

• 소스코드를 저장할 수 있는 원격 저장소이다.

branch

• 기본적으로 main(master) 브랜치를 기본으로 하여 추가적인 브랜치를 가질 수 있다.

React 프로젝트를 gh-pages에 업로드

gh-pages

• gh-pages에 업로드 할 수 있게 해주는 패키지.

🔧 npm i gh-pages

build

npm run build => production ready code를 생성한다.

💡 production ready : 코드가 압축되고 최적화 된다.

script 생성

"scripts": {
    "deploy": "gh-pages -d [폴더명]"
  },

package.json에 추가

"homepage": "https://[깃허브 명].github.io/[레포지토리 명]"

script 실행 npm run deploy

// git init git remote add origin git add. git commit -m "" git push origin [main/master] //

Subtree

• 깃허브 정리를 위한 병합

gh-pages에 간단하게 배포하기

gh-pages

Netlify

Netlify를 사용하여 지속적 배포하기

브랜치 생성 후 push git checkout -b <브랜치 이름="">

PR 후 Netlify Bot이 새로운 도메인을 만들어 준다.