이제 2번을 할 차례이다.
npx create-react-app <만들프로젝트이름>
으로 React 프로젝트를 시작한다.
필요없는 파일들을 지우고 페이지를 만든다.
페이지를 만들었다고 치고..(실제로 만들 건 신경써서 만들어야 함)
페이지를 다 만들었으면 터미널에 git init
으로 저장소를 만들고
git remote add origin https://github.com/jch9537/test-1.git
으로 원격저장소에 연결을 해준다.
다음은 npm install gh-pages --save-dev
명령을 친다.
GitHub Pages는 GitHub Repository를 이용해 웹 사이트를 무료로 호스팅해주는 서비스이다.
자세한 건 아래를 참조하면 된다.
설치 후 package.json에서 다음 내용을 추가한다.
이렇게 넣으면 된다. (아래 homepage는 각자의 아이디와 저장소 적기)
그 다음 npm run deploy
명령을 하면 build 폴더가 생성된다.
git status
로 수정된 파일들을 확인하고 git add
와 git commit
으로 저장소에 저장한 뒤 git push
해준다.
그리고 github의 repository에 가면 아래와 같이 나온다.
혹시 Branch가 master가 아닌 gh-pages로 되어있다면 Setting >> Branches >> 변경 >> Update 하면 된다.
이제 README에 http://주소들어갈 곳
에 주소를 넣어보자.
Setting >> 스크롤을 내리면 아래와 같이 나온다.
README에 넣을 주소는 연두색에 파란색링크를 넣으면 된다.
Source는 github페이지 구축될 브랜치를 고르는 부분이고
Theme Chooser는 페이지의 테마를 선택하는 부분인데 테마를 골라서 넣을 수 있다. 페이지를 모두 만들었으면 필요없음.
Custom domain은 따로 구축된 웹 페이지가 있으면 넣는 부분이다.