배포 : GitHub Pages

• 배포할 테스트용 프로젝트 생성

※ 테스트용 index.html, style.css 생성

 

• React 프로젝트일 경우에만 해당

※ 특정 하위 경로에 배포가 필요할 경우 (http://mywebsite.com/하위 경로)

package.json에 경로 저장

※ 빌드
- 터미널에 npm run build 명령 입력

※ 추후에 GitHub 연결 후 push할 때 build 폴더 내부의 파일들만 업로드

 

• GitHub에서 Repository 생성

※ 공식 홈페이지 (GitHub)
- https://github.com/

※ New 클릭

※ Repository 생성
- 처음 배포 시 Repository 이름 : 내 아이디.github.io (DanielSon93.github.io)

※ Repository 주소 확인

 

• 테스트용 프로젝트에서 Git 초기화 및 GitHub 연결

※ 프로젝트 생성 경로로 이동 후 Git 초기화

※ GitHub 연결

 

 

• GitHub에 프로젝트 push

※ GitHub에 프로젝트 push 후 확인

※ GitHub에 프로젝트가 정상 등록되었는지 확인

 

 

• GitHub pages 설정

※ Settings에서 Pages 설정

 

 

• 배포한 웹사이트 접속

※ 체크 표시로 바뀌면 배포 완료

 

※ 웹 사이트 접속