깃허브로 배포하기

우선 깃허브로 배포하려면 당연히 배포하고자 하는 페이지의 코드를 깃허브에 올려야한다.

나는 이미 내가 만들었던 리액트 프로젝트를 깃허브에 올려둔 상태이기 때문에 이 과정은 생략하도록 하겠다.

 

1. 레포지토리 공개 범위 설정

 

배포하려는 페이지를 push한 레포지토리의 Settings로 들어간다.

그리고 맨 아래로 내려서

 

레포지토리가 public으로 되어있는지 확인하고 아니라면 오른쪽의 Change Visibility를 눌러서 public으로 설정해준다.

 

2. 레포지토리 Pages 설정

그리고 다시 위로 올려서 왼쪽의 Pages로 들어가준다.

 

들어가면 Build and deployment 옵션을 선택할 수 있는데 Github Actions는 최근에 나온 기능인 것 같은데 아직 알아보지 않아서 지금은 쓰지 않고 Deploy from a branch를 이용하여 배포해보도록 하겠다.

처음이라면 branch가 None으로 되어있을텐데 배포할 브랜치를 선택해주고 Save 버튼을 눌러주면 된다.

 

Save 버튼을 누르면 아래와 같이 된다.

 

 

이제 Custom Domain에 내 웹사이트의 도메인 이름을 지정해주면 된다.

원래는 레포지토리 이름으로 생성되었던거 같은데 이제는 도메인 이름을 지정할 수 있게 바뀐 것 같다.

바꿀 수 있게 해줬지만 딱히 다른 이름 붙일 것도 없어서 나는 레포지토리 이름과 같은 TMI로 입력하고 Save를 눌러주었다. 그러면 아래와 같이 사이트 주소가 뜬다.

 

 

주소로 들어가보면 내가 만든 리액트 프로젝트가 잘 배포되고 있는 것을 확인할 수 있었다.