바이브코딩으로 만든 사이트에 내 도메인 연결하는 방법
vercel.app, lovable.app 주소 대신 내 도메인을 붙이는 방법이에요. 도메인 구매부터 DNS 설정, https 연결까지 순서대로 정리했어요.
바이브코딩으로 만든 사이트에 내 도메인을 붙이려면 도메인을 산 뒤, 배포 서비스(Vercel, 러버블 등)에 도메인을 등록하고, 화면에 나오는 DNS 값을 도메인 구매처에 그대로 넣으면 돼요. 값이 맞으면 보통 몇 분에서 몇 시간 안에 연결되고, https 인증서는 배포 서비스가 알아서 붙여 줘요.
이런 상황이라면 이 글이 맞아요
- 사이트 주소가
my-shop.vercel.app이나my-shop.lovable.app이라 명함에 넣기 아쉬워요. - 도메인은 샀는데 어디에 뭘 넣어야 할지 모르겠어요.
- 연결했는데 "안전하지 않은 사이트"나 "Invalid Configuration"이 떠요.
1. 도메인 사기
가비아, 후이즈 같은 국내 업체나 Cloudflare, Namecheap 같은 해외 업체에서 살 수 있어요. 어디서 사도 연결 방법은 같아요. 날다데브 도메인 검색에서도 바로 찾아보고 신청할 수 있어요.
.com,.co.kr,.kr처럼 사람들이 익숙한 끝자리를 고르면 좋아요.- 자동 연장을 켜 두세요. 도메인이 만료되면 사이트가 통째로 안 열려요.
2. 배포 서비스에 도메인 등록하기
Vercel
- 프로젝트의 Settings → Domains로 가요.
- 산 도메인(예:
myshop.co.kr)을 입력하고 Add를 눌러요.www.myshop.co.kr도 같이 등록하면 둘 다 열려요. - Vercel이 넣어야 할 DNS 값을 보여 줘요. 보통 맨 앞 주소(
myshop.co.kr)는 A 레코드,www는 CNAME 레코드예요. 값은 프로젝트마다 다를 수 있으니 화면에 나온 그대로 복사해요.
러버블(Lovable)
프로젝트 설정의 Domains 메뉴에서 도메인을 연결해요. 요금제에 따라 유료 플랜이 필요할 수 있어요. 러버블도 넣어야 할 DNS 값(A 레코드와 확인용 TXT 레코드 등)을 화면에 보여 줘요.
Netlify·Cloudflare Pages
이름만 조금 다를 뿐 순서는 같아요. Domain management(Netlify)나 Custom domains(Cloudflare Pages)에서 도메인을 추가하고, 안내하는 DNS 값을 넣어요.
3. 도메인 구매처에 DNS 값 넣기
도메인을 산 곳에 로그인해서 DNS 관리(또는 DNS 레코드 설정) 메뉴로 가요.
| 넣을 곳 | 종류 | 이름(호스트) | 값 |
|---|---|---|---|
myshop.co.kr | A | @ 또는 비워 둠 | 배포 서비스가 알려 준 IP |
www.myshop.co.kr | CNAME | www | 배포 서비스가 알려 준 주소 |
- 같은 이름으로 예전 A 레코드나 CNAME이 이미 있으면 지워요. 구매처가 기본으로 넣어 둔 주차 페이지 값이 남아 있으면 연결이 안 돼요.
- Cloudflare DNS를 쓴다면 처음에는 주황 구름(프록시)을 끄고 회색 구름(DNS only)으로 두세요. 프록시가 켜져 있으면 배포 서비스가 인증서를 못 만들 때가 있어요.
4. 기다리고 확인하기
DNS 변경은 보통 몇 분에서 몇 시간이면 퍼지지만, 길게는 48시간까지 걸릴 수 있어요. Vercel Domains 화면에 초록색 체크가 뜨면 연결된 거예요. https 인증서도 이때 자동으로 붙어요.
이럴 땐 여기를 봐요
- Invalid Configuration이 계속 떠요. 넣은 값에 오타가 없는지, 같은 이름의 예전 레코드가 남아 있지 않은지 봐요.
- "안전하지 않은 사이트"가 떠요. 인증서가 아직 안 만들어진 거예요. 조금 기다리거나 Cloudflare 프록시를 꺼 봐요.
www만 되거나www없는 주소만 돼요. 두 주소를 모두 등록하고, 하나가 다른 하나로 넘어가게(Redirect) 설정해요.
혼자 하기 어려운 신호
- 이메일(회사 메일)을 같은 도메인으로 쓰고 있어서 DNS를 잘못 건드리면 메일이 끊길까 걱정돼요.
- 기존 홈페이지가 이미 그 도메인에 연결되어 있어서 바꾸는 순간 사이트가 멈추면 안 돼요.
- 연결은 됐는데 로그인이나 결제가 새 주소에서만 안 돼요. 로그인 서비스(Supabase, Firebase 등)와 결제 서비스에 새 주소를 등록해야 할 때가 많아요.
막히면 이어서 마무리해 드려요
도메인 연결만 따로 맡기셔도 돼요. 도메인 구매부터 DNS 설정, https, 로그인·결제 주소 정리까지 날다데브가 같이 해 드려요. 도와드리는 범위는 바이브코딩 마무리·배포에서 보고, 지금 주소와 산 도메인을 무료 상담 문의로 알려 주세요. 아직 배포 전이라면 바이브코딩으로 만든 사이트, 인터넷에 올리는 방법부터 봐 주세요.