Cloudflare의 무료 호스팅 서비스인 Cloudflare Pages를 이용하면 도메인 구매 비용을 제외한 모든 과정을 완전 무료로, 그리고 훨씬 더 간편하게 해결할 수 있습니다.
이 방법은 GitHub Pages를 거치지 않고 Cloudflare 생태계 안에서 호스팅과 도메인 연결을 한 번에 처리하므로, 설정이 매우 간단하고 관리도 편리합니다.
Cloudflare Pages로 무료 호스팅 및 도메인 연결하기
준비물
- Cloudflare 계정: 아직 없다면 cloudflare.com에서 가입하세요.
- 구매한 도메인: Cloudflare 또는 다른 곳에서 구매한 도메인이 Cloudflare 계정에 추가되어 있어야 합니다. (만약 다른 곳에서 구매했다면, Cloudflare의 무료 플랜에 사이트를 추가하여 네임서버를 Cloudflare로 변경해두세요.)
- GitHub 계정 및 저장소: 이전 답변에서 설명한 대로 index.html 파일이 업로드된 GitHub 저장소가 필요합니다.
1단계: GitHub 저장소를 Cloudflare Pages에 연결하기
먼저 Cloudflare가 내 GitHub 저장소의 파일을 가져와서 웹에 게시할 수 있도록 연결해야 합니다.
- Cloudflare 대시보드에 로그인합니다.
- 왼쪽 메뉴에서 Compute(Worker) > Workers 및 Pages를 선택합니다.
- 애플리케이션 생성 > Pages 탭 > Git에 연결 버튼을 클릭합니다.
- GitHub 계정을 연결하라는 팝업 창이 뜨면, 계정을 연결하고 Cloudflare가 접근할 저장소를 선택합니다. (모든 저장소 또는 특정 저장소 선택 가능)
- index.html이 있는 저장소(예: my-dinner-roulette)를 선택하고 설정 시작을 클릭합니다.
2단계: 빌드 및 배포 설정하기
이제 Cloudflare에게 이 프로젝트를 어떻게 웹사이트로 만들지 알려줄 차례입니다. 사용자의 index.html 파일은 별도의 빌드 과정이 필요 없는 단순한 정적 파일이므로 설정이 매우 간단합니다.
- 프로젝트 이름: 원하는 대로 설정합니다. (기본값은 저장소 이름)
- 프로덕션 브랜치: main (또는 master)으로 설정합니다.
- 프레임워크 사전 설정: None으로 둡니다.
- Framework가 있으면 React vite 등으로 선택해주세요.
- 빌드 설정: 이 부분이 가장 중요합니다.
- 빌드 명령: 비워둡니다. (명령을 실행할 필요가 없으므로)
- 빌드 출력 디렉터리: / 또는 비워둡니다. (파일이 저장소의 최상단 루트에 있으므로)
설정을 마쳤다면 저장 및 배포 버튼을 클릭합니다.
Cloudflare가 자동으로 GitHub 저장소에서 파일을 가져와 배포를 시작합니다. 1분 이내에 배포가 완료되며, [프로젝트이름].pages.dev 형태의 임시 주소가 생성됩니다. 이 주소로 접속하여 사이트가 잘 보이는지 확인하세요.
3단계: 커스텀 도메인 연결하기 (가장 간단한 부분)
이제 임시 주소 대신 내가 구매한 개인 도메인을 연결할 차례입니다.
- 방금 만든 Pages 프로젝트 대시보드에서 사용자 지정 도메인 탭으로 이동합니다.
- 사용자 지정 도메인 설정 버튼을 클릭합니다.
- 오른쪽 창에 연결하고 싶은 내 도메인 주소(예: 오늘저녁뭐먹지.com)를 입력하고 계속을 누릅니다.
끝입니다! 도메인이 이미 Cloudflare에 있기 때문에, Cloudflare가 DNS 레코드(CNAME)를 자동으로 추가하고 설정해 줍니다. 복잡한 IP 주소를 입력할 필요가 전혀 없습니다.
4단계: 최종 확인
잠시 후(보통 1분 이내), DNS 설정이 완료되고 자동으로 SSL/TLS 인증서가 발급되어 https:// 보안 연결이 활성화됩니다.
이제 내 개인 도메인 주소로 접속하면 index.html 페이지가 안전한 HTTPS 연결로 표시되는 것을 확인할 수 있습니다.
Cloudflare Pages 방식의 장점
- 극도의 간편함: DNS 설정을 포함한 모든 과정이 자동화되어 매우 쉽습니다.
- 빠른 속도: Cloudflare의 전 세계 네트워크(CDN)를 통해 사이트가 매우 빠르게 로딩됩니다.
- 자동 배포: GitHub 저장소의 main 브랜치에 변경사항(예: 코드 수정)을 푸시(push)하면, Cloudflare가 이를 감지하여 자동으로 사이트를 다시 배포해 줍니다.
- 완전 무료: 이 모든 과정(호스팅, 트래픽, SSL, 자동 배포)이 무료 플랜 내에서 제공됩니다.
비용을 최소화하면서 안정적이고 빠른 웹사이트를 운영하고 싶다면, Cloudflare Pages가 현재 가장 강력하고 효율적인 선택입니다.
최근댓글