오류 내용

https://nomadcoders.co/community/thread/4272

접근 방법

https://www.youtube.com/watch?v=F8s4Ng-re0E&t=126s

► 내용 정리:

1. 디렉토리를 만들고 리액트 앱을 설치한다

// 설치 원하는 디렉토리로 이동
cd Documents

// npm init react-app 앱이름
npm init react-app react-deploy

2. 깃헙 페이지에서 퍼블릭 설정 깃 레퍼지토리를 만든다.
3. 다시 리액트 앱으로 돌아와 package.json 파일에 깃헙 설치와 깃헙 홈페이지 주소 입력을 해준다.

// 홈페이지 주소 추가
{
	"homepage": "https://github.com/jlee0505/react-deploy.git",
    
// scripts
"scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",

// devDependencies 
"devDependencies": {
    "gh-pages": "^3.2.3"
  }

4. git repo 와 연동하기 시작(in terminal)

git init		// 반드시 바른 폴더에 들어와있는지 확인
git remote add origin 저장소주소 		// 내 로컬 앱을 이쪽 저장소에 추가하길 원한다. add 명령어는 git을 tracked 상태로 올려 놓는다. 즉, git 이 파일을 추적 가능하게 해준다. remote 는 뭐...멀리서도 추적 가능하게란 뜻이겠지 뭐. !!! 주의! homepage 주소랑은 다름!!!!!
git add .		// 커밋 전 (커밋할) 모든 변경사항 staged 상태로 올려놓기.
git commit -m '커밋메세지' // 커밋이 완료되어 다시 tracked 의 unmodified 상태로 돌아감.

5. 배포(deploy)

npm run deploy 

6. 앱을 깃헙에 푸쉬하기 (11분경)
   반드시 필요하지는 않다..?

// git push -u <저장소명> <브랜치명>

git push -u origin master

이제 내 깃헙 페이지 사이트로 가면 놀랍게도 아무것도 없다.

결론 및 배운점

• https://www.daleseo.com/git-push/
• homepage 주소와 git repository 적을 떄 주소는 당연히도 다르다. 난 바보같이 두개를 같은 걸로 혼동해서 git remote add origin 저장소주소 할 때 홈페이지 적어놨음. ㅎ 이렇게 또 삽질로 하나 배워간다.
• 어쨌거나 저쨌거나 영상 하나와 2시간의 삽질로 create-react-app 으로 git 페이지 만들기 완료!