도메인이란?
도메인은 IP 주소에 붙이는 사람이 읽을 수 있는 이름입니다.
IP 주소 (어려움)
142.250.207.14 외우기 어렵고, 서버가 바뀌면 변경됨
도메인 (쉬움)
google.com 외우기 쉽고, IP가 바뀌어도 동일
URL 구조 분해
초심자용 실전 체크리스트
- 도메인을 먼저 구매하거나 무료 서브도메인을 선택합니다.
- Cloudflare에서 DNS 레코드를 추가합니다.
- 적용까지 수 분~수 시간 전파 지연이 있을 수 있습니다.
- 접속 안 되면 DNS 값, 프록시 상태, 캐시를 순서대로 확인합니다.
DNS 레코드 종류
DNS(Domain Name System)는 도메인을 IP 주소로 변환하는 시스템입니다. 여러 종류의 레코드가 있습니다:
Address Record
도메인을 IPv4 주소로 연결합니다.
myapp.com → 192.168.1.1Canonical Name
도메인을 다른 도메인으로 연결합니다. (별칭)
www.myapp.com → myapp.com
api.myapp.com → myapp.pages.devText Record
텍스트 정보를 저장합니다. 주로 도메인 소유권 인증에 사용됩니다.
_verification.myapp.com → "google-site-verification=abc123"도메인 구매처 비교
Cloudflare
원가 판매, 무료 DNS/CDN 포함
registrar.cloudflare.com →Namecheap
다양한 TLD, 합리적 가격
namecheap.com →가비아
한국어 지원, .kr 도메인
gabia.com →무료 도메인?
Cloudflare Pages, Vercel, Netlify 등은 무료 서브도메인을 제공합니다.
예: myapp.pages.dev
처음 시작할 때는 이것으로 충분합니다.
실습: Cloudflare로 도메인 연결
1. 네임서버 변경
도메인 구매처에서 네임서버를 Cloudflare로 변경합니다.
# Cloudflare 네임서버 예시
ns1.cloudflare.com
ns2.cloudflare.com2. DNS 레코드 추가
Cloudflare 대시보드에서 DNS 레코드를 추가합니다.
| 타입 | 이름 | 값 |
|---|---|---|
| CNAME | @ | myapp.pages.dev |
| CNAME | www | myapp.pages.dev |
3. SSL/TLS 설정
Cloudflare에서 SSL/TLS 암호화를 "Full (strict)"로 설정합니다. HTTPS가 자동으로 활성화됩니다.
다음 단계
도메인 설정이 완료되었다면, 이제 프론트엔드 앱을 배포해봅시다. Cycle 2: Frontend 배포에서 React 앱을 Cloudflare Pages에 배포하는 방법을 배웁니다.