우선 깃허브로 배포하려면 당연히 배포하고자 하는 페이지의 코드를 깃허브에 올려야한다.
나는 이미 내가 만들었던 리액트 프로젝트를 깃허브에 올려둔 상태이기 때문에 이 과정은 생략하도록 하겠다.
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를 눌러주었다. 그러면 아래와 같이 사이트 주소가 뜬다.
주소로 들어가보면 내가 만든 리액트 프로젝트가 잘 배포되고 있는 것을 확인할 수 있었다.
'공부 > GitHub' 카테고리의 다른 글
[Github] README.md에 이미지 넣기 (1) | 2023.11.25 |
---|---|
[GitHub] Gitmoji 사용 (0) | 2023.11.13 |
깃허브 꾸미기 (0) | 2023.01.17 |
깃허브 연동 (0) | 2022.12.19 |
Git Branch 깃 브랜치 생성, 전환, 삭제 (0) | 2022.10.09 |