Cloudflare Pages 도메인 연결 완벽 가이드: 네임서버 설정부터 배포까지

도메인을 Cloudflare Pages 도메인 연결하는 방법을 단계별로 정리했습니다. 네임서버 설정, DNS 레코드 자동 등록, SSL 오류 해결법까지 포함된 SEO 최적화 가이드를 확인하세요.

Table of Contents

현대적 웹 호스팅의 정석, Cloudflare Pages 도메인 연결

웹 개발 환경이 정적 사이트 생성(SSG)과 서버리스 아키텍처로 진화하면서, 호스팅 서비스의 선택은 단순한 서버 확보 이상의 의미를 갖게 되었습니다. Cloudflare Pages는 정적 웹사이트를 무료로, 그리고 전 세계 어디서나 매우 빠르게 호스팅할 수 있는 혁신적인 서비스입니다.

하지만 가비아(Gabia)와 같은 국내 업체에서 구매한 .kr 도메인을 연결하는 과정은 초보 개발자나 운영자에게 다소 복잡하게 느껴질 수 있습니다. 단순히 xxxx.pages.dev와 같은 기본 주소를 사용하는 것을 넘어, 자신만의 브랜드가 담긴 커스텀 도메인을 연결하는 것은 신뢰도 향상과 구글 검색 엔진 최적화(SEO) 측면에서 매우 중요합니다. 본 가이드에서는 Cloudflare Pages에 도메인 연결하는 전체 과정을 A부터 Z까지 상세히 파헤쳐 보겠습니다.

1. Cloudflare 가입 및 사이트 추가 절차

Cloudflare Pages에 도메인 연결을 위한 첫 번째 단계는 여러분의 도메인을 Cloudflare의 관리 체계 아래에 등록하는 것입니다. 이 과정은 도메인의 DNS 정보를 Cloudflare가 읽어올 수 있도록 준비하는 단계입니다.

Cloudflare에 내 도메인 등록하기

계정 생성 및 로그인: Cloudflare 공식 웹사이트에 접속하여 계정을 생성합니다.
사이트 추가: 대시보드 화면에서 ‘Add a Site’ 버튼을 클릭합니다.
도메인 입력: 가비아에서 구매한 여러분의 .kr 도메인 주소(예: yourbrand.kr)를 입력합니다.
요금제 선택: 다양한 플랜이 있지만, 개인 프로젝트나 중소규모 사이트라면 ‘Free’ 플랜만으로도 충분히 강력한 기능을 누릴 수 있습니다.
DNS 레코드 스캔: Cloudflare가 기존 DNS 레코드를 자동으로 스캔합니다. 이때 나타나는 정보들은 나중에 수정 가능하므로 **’Continue’**를 눌러 진행합니다.

이 단계를 완료하면 Cloudflare는 여러분에게 전용 네임서버 주소 2개를 제공합니다(예: dina.ns.cloudflare.com, pablo.ns.cloudflare.com). 이 주소는 다음 단계인 가비아 설정에서 핵심적인 역할을 하므로 복사해 두시기 바랍니다.

2. 가비아(Gabia) 네임서버 변경: 관리 권한 위임

이제 도메인을 구매한 가비아로 이동하여 “이 도메인의 실질적인 운영과 관리는 이제부터 Cloudflare가 담당한다”라고 권한을 위임해야 합니다.

가비아 관리 콘솔 설정 방법

마이 가비아 접속: 가비아 홈페이지에 로그인한 후 ‘My 가비아’ 메뉴로 들어갑니다.
도메인 관리: 해당 도메인 우측의 ‘관리’ 버튼을 누릅니다.
네임서버 설정: 상세 화면에서 ‘네임서버 설정’ 항목을 클릭합니다.
정보 입력: 기존 가비아 네임서버 정보를 삭제하고, Cloudflare가 제공한 1차, 2차 네임서버 주소를 각각 입력한 후 저장합니다.

💡 전문가의 팁 (소스 외 정보): 네임서버 변경 사항이 전 세계 인터넷에 전파(Propagation)되기까지는 최대 48시간이 소요될 수 있습니다. 변경 여부를 실시간으로 확인하고 싶다면 ‘DNSChecker’ 같은 외부 도구를 활용해 보세요. Cloudflare 대시보드에서 ‘Re-check nameservers’ 버튼을 누르면 업데이트 상태를 수동으로 확인할 수 있습니다.

3. Cloudflare Pages 프로젝트 생성 및 Git 연동

도메인 설정이 전파되는 동안, 웹사이트 코드를 실제로 배포할 Cloudflare Pages 프로젝트를 준비해야 합니다.

웹사이트 코드 배포 과정

메뉴 이동: Cloudflare 대시보드 왼쪽에서 **’Workers & Pages’**를 선택합니다.
애플리케이션 생성: ‘Create application’ > ‘Pages’ 탭 > **’Connect to Git’**을 선택합니다.
레포지토리 연결: GitHub 또는 GitLab 저장소를 선택하여 연결합니다.
빌드 설정: Astro, Next.js, React 등 사용 중인 프레임워크를 선택하면 빌드 명령어가 자동으로 세팅됩니다.
첫 배포 시작: **’Save and Deploy’**를 클릭하면 배포가 진행되고 xxxx.pages.dev 형태의 임시 도메인이 생성됩니다.

4. 커스텀 도메인 설정 및 CNAME 자동 등록

이제 임시 주소가 아닌, 실제 .kr 도메인을 웹사이트에 입히는 마지막 단계입니다. 이 과정에서 Cloudflare Pages에 도메인 연결이 최종적으로 마무리됩니다.

도메인 매핑하기

Custom domains 탭: 생성한 Pages 프로젝트 내부의 ‘Custom domains’ 탭을 클릭합니다.
도메인 설정: ‘Set up a domain’ 버튼을 누르고, 연결할 .kr 도메인 주소를 입력합니다.
자동 DNS 업데이트: 확인을 마치면 Cloudflare Pages는 해당 도메인이 임시 주소(xxxx.pages.dev)를 가리키도록 하는 CNAME 레코드를 DNS 설정에 자동으로 추가해 줍니다.

5. 흔히 발생하는 오류 해결 (Troubleshooting)

연결 과정에서 문제가 발생하더라도 당황하지 마세요. 다음은 가장 자주 접하는 이슈들입니다.

1. Error 1014: CNAME Cross-User Banned

이 오류는 해당 도메인이 다른 Cloudflare 계정에 이미 등록되어 있을 때 발생합니다. 과거에 다른 계정으로 등록한 적이 없는지 확인하고, 해당 계정에서 도메인을 먼저 삭제해야 합니다.

2. SSL/TLS 인증서 문제

사이트 접속 시 SSL_ERROR_NO_CYPHER_OVERLAP 오류가 뜬다면, 네임서버 변경 직후 SSL 인증서가 아직 활성화 중이기 때문입니다. Cloudflare의 SSL/TLS 암호화 모드가 ‘Full’ 또는 **’Full (Strict)’**로 설정되어 있는지 확인하고 잠시 기다리면 해결됩니다.

3. 변경 사항 미반영 (캐시 문제)

설정을 마쳤는데도 예전 페이지가 보인다면 브라우저나 로컬 DNS 캐시 때문입니다. 윈도우 사용자라면 명령 프롬프트에서 ipconfig /flushdns를 실행하여 캐시를 초기화해 보세요.

FAQ: 자주 묻는 질문

Q1. .kr 도메인을 Cloudflare Pages에 연결하는 전체 과정을 요약해 주세요. A. Cloudflare에 도메인 등록, 가비아에서 네임서버 변경, 그리고 Cloudflare Pages 프로젝트에서 커스텀 도메인 추가라는 3단계로 진행됩니다.

Q2. 가비아에서 네임서버를 어떻게 변경하나요? A. ‘My 가비아’ > ‘도메인 관리’ > ‘네임서버 설정’ 메뉴에서 기존 정보를 삭제하고 Cloudflare가 제공한 주소를 입력하면 됩니다.

Q3. 네임서버 변경 후 사이트가 바로 안 보여요. A. 네임서버 정보가 전파되는 데 시간이 필요하거나 로컬 DNS 캐시 문제일 수 있습니다. 시크릿 모드로 접속하거나 DNS 캐시를 초기화해 보세요.

마치며

지금까지 가비아의 .kr 도메인을 사용하여 Cloudflare Pages 도메인 연결하는 과정을 살펴보았습니다. 네임서버와 DNS의 개념만 이해하면 무료로 강력한 성능의 웹사이트를 운영할 수 있습니다. 본 가이드가 여러분의 성공적인 웹 서비스 구축에 도움이 되기를 바랍니다.

🏷️ 관련 태그

#Cloudflare, #도메인연결, #CloudflarePages, #가비아, #네임서버변경, #웹호스팅, #kr도메인, #개발가이드, #SEO, #DNS설정