~/VibeHandbook
무료 PDF

챕터 16 · 02

커스텀 도메인과 DNS

*.workers.dev*.vercel.app 은 테스트에는 괜찮지만, 당신은 자기 이름을 원한다. 흐름:

  1. 도메인을 산다 (Namecheap, Cloudflare Registrar, Porkbun — 하나 골라라).
  2. 를 당신 호스트로 향하게 한다. 보통 CNAME이나 A 레코드를 추가하거나, 도메인의 네임서버를 통째로 바꾸는 것을 뜻한다.
  3. 호스트의 대시보드에서 도메인을 추가하고, SSL 인증서(사이트가 정말 당신 것임을 증명해 자물쇠 표시와 (웹의 전송 프로토콜의 안전하게 암호화된 버전)를 켜주는 디지털 신분증)를 자동으로 발급하게 둔다.

레코드가 마법처럼 느껴지지 않도록 빠른 멘탈 모델을 잡자: A 레코드는 이름을 IP 주소로 곧장 향하게 한다; CNAME은 한 이름을 다른 이름으로 향하게 한다(호스트의 IP가 당신 모르게 바뀔 수 있을 때 유용하다); 그리고 네임서버는 도메인 전체를 제공자에게 넘겨, 모든 레코드를 대신 관리하게 한다. 대부분의 현대 호스트는 CNAME이나 전체 네임서버 전환을 선호한다 — SSL 인증서와 엣지 라우팅을 직접 관리하고 싶어 하기 때문이다.

방문자의 요청이 거치는 전체 사슬과, 당신이 설정한 각 조각이 그 안 어디에 사는지는 다음과 같다:

  방문자가 입력
  yourdomain.com
       │
       ▼
 ┌───────────┐  "yourdomain.com의   ┌──────────────┐
 │ 브라우저  │── IP가 뭐죠?" ───────▶│     DNS      │  ← 내 A / CNAME
 │           │◀── IP는 이거예요 ─────┤  (등록대행)  │     레코드가 여길 가리킴
 └─────┬─────┘                       └──────────────┘
       │  그 IP로 HTTPS 요청
       ▼
 ┌───────────┐   ← SSL 인증서가 이 사이트가
 │  호스트   │     정말 당신 것임을 증명
 │ (CF/Vercel)│
 └─────┬─────┘
       │  라우팅
       ▼
 ┌───────────┐
 │   내 앱   │  페이지를 서빙
 └───────────┘

DNS는 초보자에게 가장 헷갈리는 단 하나의 부분인데, 대부분 전문 용어와 전파 지연 때문이다. AI에게 번역하게 하라. 물어라: "내 도메인은 Namecheap에 등록되어 있고 Cloudflare Pages에 호스팅하고 있다. 정확히 어떤 레코드를, 어떤 값으로 추가해야 하는지, 그리고 작동했는지 어떻게 검증하는지 차근차근 안내하라." 그런 다음 브라우저를 새로고침만 하지 말고, 빠른 점검으로 결과를 직접 검증하라:

# 세상이 실제로 보는 레코드를 조회
dig yourdomain.com
nslookup yourdomain.com

# 인증서가 살아 있고 만료되지 않았는지 확인
curl -I https://yourdomain.com

DNS 변경은 전파에 몇 분에서 하루까지 걸릴 수 있고, 당신 자신의 브라우저 캐시가 그중 가장 큰 거짓말쟁이다 — 인터넷의 나머지가 다 업데이트된 뒤에도 한참 동안 낡은 답을 기꺼이 보여줄 것이다. 즉시 라이브가 되지 않아도 그건 정상이다: 무언가 망가졌다고 가정하기 전에, 셀룰러 데이터로 폰에서 확인하거나 온라인 "DNS 전파" 체커를 써보라.

오프라인으로 보고 싶으세요?

책 전체를 PDF나 EPUB으로 무료로 내려받으세요.