git을 이용해 깃허브에 리액트 앱을 올리는 방법입니다.
저도 삽질하며 찾아간 거라, 좀 정리하고자 글을 작성합니다.
먼저 해당 디렉토리에 git을 추가합니다.
터미널에서 git init을 입력하거나, 에디터에서 해당 디렉토리에 레퍼지스토리 생성 등을 누르시면 됩니다.
create-react-app으로 리액트 앱을 만들면, 리액트에 대한 설명이 줄줄 들어 있습니다.
깃허브에 올려야 하는 내용은 아니니, README.md를 적절히 수정합니다.
다음, 터미널에
git add .
git commit -m "commit message"
두 개를 입력합니다.
레퍼지토리를 생성할 때, 빨간 동그라미 안에 체크를 해제하고 생성하면, 아래 사진과 같은 화면이 나옵니다.
...or push an existing repository from the command line 아래 라인을 터미널에 입력합니다.
이제 앱을 빌드해서 깃허브에 추가해줄 차례입니다.
package.json의 마지막 줄에
"homepage": "https://YOURGITHUBID.github.io/YOURREPNAME"
을 추가합니다.
다시 터미널로 돌아와
npm run build
npm install --save-dev gh-pages
두 개를 입력합니다.
다시 package.json으로 돌아와 "scripts"에
"deploy": "npm run build &&gh-pages -d build"
를 추가합니다.
다시 터미널로 돌아와
npm run deploy
를 실행합니다.
gh-pages branch를 보여주게 설정하면 끝입니다.
https://marshall-ku.github.io/hello-react/
중간에 터미널에 이것저것 막 입력하다 발생했던 오류들
- fatal: remote origin already exists.
-- git remote rm origin을 터미널에 입력하면 해결
- error: src refspec master does not match any.
-- 레퍼지스토리가 텅 비어있을 때 발생하는 오류.
git add something
git commit -m "message"
git push -u origin master
을 통해 해결
