(React_9기)사전캠프 3주차 - 목

오늘은 GitHub Pages를 통해 배포하는 방법을 알아봤습니다!

 

이번 사전캠프에 대한 repo를 이미 만들어놔서 강의대로 index.html 파일 하나만 올리기보다 새로운 브랜치를 만들어서 진행해보겠습니다.

 

1. 새로운 브랜치 생성

Git Graph 이용해서 이렇게 새로운 브랜치를 만들어주었습니다.

 

2. 작업 내용 commit, push

폴더는 무조건 docs로 생성??

여기서 주의할 점은 무조건 index.html로 파일을 올려야 한다는 점입니다. GitHub Pages는 기본적으로 index.html 파일이 있어야 그 파일을 찾아 페이지를 정상적으로 렌더링해줍니다.

이렇게 정상적으로 파일이 올라온 것을 확인해줍니다.

 

3. GitHub Pages에서 배포

새로 생성한 subject_2 브랜치를 선택해줍니다.

 

이후 저희는 docs라는 폴더를 배포할 것이기 때문에 /docs를 선택해준 후 Save를 누릅니다.

 

4. 사이트 확인

잠시 기다리면 배포가 완료되며 링크가 나타납니다.

 

이렇게 프론트 배포를 완료했습니다~~