[{"data":1,"prerenderedAt":509},["ShallowReactive",2],{"blog-vibe-coding-custom-domain":3},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"title":8,"description":9,"date":10,"category":11,"tags":12,"thumbnail":18,"author":19,"body":20,"_type":503,"_id":504,"_source":505,"_file":506,"_stem":507,"_extension":508},"\u002Fblog\u002Fvibe-coding-custom-domain","blog",false,"","바이브코딩으로 만든 사이트에 내 도메인 연결하는 방법","vercel.app, lovable.app 주소 대신 내 도메인을 붙이는 방법이에요. 도메인 구매부터 DNS 설정, https 연결까지 순서대로 정리했어요.","2026-10-02","바이브코딩",[13,14,15,16,17],"바이브코딩 도메인 연결","vercel 도메인 연결","러버블 도메인","DNS 설정","도메인 구매","\u002Fimages\u002Flanding\u002Fvibe-coding-og.png","날다데브",{"type":21,"children":22,"toc":487},"root",[23,39,46,83,89,103,137,143,150,214,220,225,231,236,242,247,346,366,372,377,383,428,434,452,458],{"type":24,"tag":25,"props":26,"children":27},"element","p",{},[28,31,37],{"type":29,"value":30},"text","바이브코딩으로 만든 사이트에 내 도메인을 붙이려면 ",{"type":24,"tag":32,"props":33,"children":34},"strong",{},[35],{"type":29,"value":36},"도메인을 산 뒤, 배포 서비스(Vercel, 러버블 등)에 도메인을 등록하고, 화면에 나오는 DNS 값을 도메인 구매처에 그대로 넣으면",{"type":29,"value":38}," 돼요. 값이 맞으면 보통 몇 분에서 몇 시간 안에 연결되고, https 인증서는 배포 서비스가 알아서 붙여 줘요.",{"type":24,"tag":40,"props":41,"children":43},"h2",{"id":42},"이런-상황이라면-이-글이-맞아요",[44],{"type":29,"value":45},"이런 상황이라면 이 글이 맞아요",{"type":24,"tag":47,"props":48,"children":49},"ul",{},[50,73,78],{"type":24,"tag":51,"props":52,"children":53},"li",{},[54,56,63,65,71],{"type":29,"value":55},"사이트 주소가 ",{"type":24,"tag":57,"props":58,"children":60},"code",{"className":59},[],[61],{"type":29,"value":62},"my-shop.vercel.app",{"type":29,"value":64},"이나 ",{"type":24,"tag":57,"props":66,"children":68},{"className":67},[],[69],{"type":29,"value":70},"my-shop.lovable.app",{"type":29,"value":72},"이라 명함에 넣기 아쉬워요.",{"type":24,"tag":51,"props":74,"children":75},{},[76],{"type":29,"value":77},"도메인은 샀는데 어디에 뭘 넣어야 할지 모르겠어요.",{"type":24,"tag":51,"props":79,"children":80},{},[81],{"type":29,"value":82},"연결했는데 \"안전하지 않은 사이트\"나 \"Invalid Configuration\"이 떠요.",{"type":24,"tag":40,"props":84,"children":86},{"id":85},"_1-도메인-사기",[87],{"type":29,"value":88},"1. 도메인 사기",{"type":24,"tag":25,"props":90,"children":91},{},[92,94,101],{"type":29,"value":93},"가비아, 후이즈 같은 국내 업체나 Cloudflare, Namecheap 같은 해외 업체에서 살 수 있어요. 어디서 사도 연결 방법은 같아요. 날다데브 ",{"type":24,"tag":95,"props":96,"children":98},"a",{"href":97},"\u002Fdomain",[99],{"type":29,"value":100},"도메인 검색",{"type":29,"value":102},"에서도 바로 찾아보고 신청할 수 있어요.",{"type":24,"tag":47,"props":104,"children":105},{},[106,132],{"type":24,"tag":51,"props":107,"children":108},{},[109,115,117,123,124,130],{"type":24,"tag":57,"props":110,"children":112},{"className":111},[],[113],{"type":29,"value":114},".com",{"type":29,"value":116},", ",{"type":24,"tag":57,"props":118,"children":120},{"className":119},[],[121],{"type":29,"value":122},".co.kr",{"type":29,"value":116},{"type":24,"tag":57,"props":125,"children":127},{"className":126},[],[128],{"type":29,"value":129},".kr",{"type":29,"value":131},"처럼 사람들이 익숙한 끝자리를 고르면 좋아요.",{"type":24,"tag":51,"props":133,"children":134},{},[135],{"type":29,"value":136},"자동 연장을 켜 두세요. 도메인이 만료되면 사이트가 통째로 안 열려요.",{"type":24,"tag":40,"props":138,"children":140},{"id":139},"_2-배포-서비스에-도메인-등록하기",[141],{"type":29,"value":142},"2. 배포 서비스에 도메인 등록하기",{"type":24,"tag":144,"props":145,"children":147},"h3",{"id":146},"vercel",[148],{"type":29,"value":149},"Vercel",{"type":24,"tag":151,"props":152,"children":153},"ol",{},[154,159,180],{"type":24,"tag":51,"props":155,"children":156},{},[157],{"type":29,"value":158},"프로젝트의 Settings → Domains로 가요.",{"type":24,"tag":51,"props":160,"children":161},{},[162,164,170,172,178],{"type":29,"value":163},"산 도메인(예: ",{"type":24,"tag":57,"props":165,"children":167},{"className":166},[],[168],{"type":29,"value":169},"myshop.co.kr",{"type":29,"value":171},")을 입력하고 Add를 눌러요. ",{"type":24,"tag":57,"props":173,"children":175},{"className":174},[],[176],{"type":29,"value":177},"www.myshop.co.kr",{"type":29,"value":179},"도 같이 등록하면 둘 다 열려요.",{"type":24,"tag":51,"props":181,"children":182},{},[183,185,190,192,197,199,205,207,212],{"type":29,"value":184},"Vercel이 ",{"type":24,"tag":32,"props":186,"children":187},{},[188],{"type":29,"value":189},"넣어야 할 DNS 값",{"type":29,"value":191},"을 보여 줘요. 보통 맨 앞 주소(",{"type":24,"tag":57,"props":193,"children":195},{"className":194},[],[196],{"type":29,"value":169},{"type":29,"value":198},")는 A 레코드, ",{"type":24,"tag":57,"props":200,"children":202},{"className":201},[],[203],{"type":29,"value":204},"www",{"type":29,"value":206},"는 CNAME 레코드예요. 값은 프로젝트마다 다를 수 있으니 ",{"type":24,"tag":32,"props":208,"children":209},{},[210],{"type":29,"value":211},"화면에 나온 그대로",{"type":29,"value":213}," 복사해요.",{"type":24,"tag":144,"props":215,"children":217},{"id":216},"러버블lovable",[218],{"type":29,"value":219},"러버블(Lovable)",{"type":24,"tag":25,"props":221,"children":222},{},[223],{"type":29,"value":224},"프로젝트 설정의 Domains 메뉴에서 도메인을 연결해요. 요금제에 따라 유료 플랜이 필요할 수 있어요. 러버블도 넣어야 할 DNS 값(A 레코드와 확인용 TXT 레코드 등)을 화면에 보여 줘요.",{"type":24,"tag":144,"props":226,"children":228},{"id":227},"netlifycloudflare-pages",[229],{"type":29,"value":230},"Netlify·Cloudflare Pages",{"type":24,"tag":25,"props":232,"children":233},{},[234],{"type":29,"value":235},"이름만 조금 다를 뿐 순서는 같아요. Domain management(Netlify)나 Custom domains(Cloudflare Pages)에서 도메인을 추가하고, 안내하는 DNS 값을 넣어요.",{"type":24,"tag":40,"props":237,"children":239},{"id":238},"_3-도메인-구매처에-dns-값-넣기",[240],{"type":29,"value":241},"3. 도메인 구매처에 DNS 값 넣기",{"type":24,"tag":25,"props":243,"children":244},{},[245],{"type":29,"value":246},"도메인을 산 곳에 로그인해서 DNS 관리(또는 DNS 레코드 설정) 메뉴로 가요.",{"type":24,"tag":248,"props":249,"children":250},"table",{},[251,280],{"type":24,"tag":252,"props":253,"children":254},"thead",{},[255],{"type":24,"tag":256,"props":257,"children":258},"tr",{},[259,265,270,275],{"type":24,"tag":260,"props":261,"children":262},"th",{},[263],{"type":29,"value":264},"넣을 곳",{"type":24,"tag":260,"props":266,"children":267},{},[268],{"type":29,"value":269},"종류",{"type":24,"tag":260,"props":271,"children":272},{},[273],{"type":29,"value":274},"이름(호스트)",{"type":24,"tag":260,"props":276,"children":277},{},[278],{"type":29,"value":279},"값",{"type":24,"tag":281,"props":282,"children":283},"tbody",{},[284,317],{"type":24,"tag":256,"props":285,"children":286},{},[287,296,301,312],{"type":24,"tag":288,"props":289,"children":290},"td",{},[291],{"type":24,"tag":57,"props":292,"children":294},{"className":293},[],[295],{"type":29,"value":169},{"type":24,"tag":288,"props":297,"children":298},{},[299],{"type":29,"value":300},"A",{"type":24,"tag":288,"props":302,"children":303},{},[304,310],{"type":24,"tag":57,"props":305,"children":307},{"className":306},[],[308],{"type":29,"value":309},"@",{"type":29,"value":311}," 또는 비워 둠",{"type":24,"tag":288,"props":313,"children":314},{},[315],{"type":29,"value":316},"배포 서비스가 알려 준 IP",{"type":24,"tag":256,"props":318,"children":319},{},[320,328,333,341],{"type":24,"tag":288,"props":321,"children":322},{},[323],{"type":24,"tag":57,"props":324,"children":326},{"className":325},[],[327],{"type":29,"value":177},{"type":24,"tag":288,"props":329,"children":330},{},[331],{"type":29,"value":332},"CNAME",{"type":24,"tag":288,"props":334,"children":335},{},[336],{"type":24,"tag":57,"props":337,"children":339},{"className":338},[],[340],{"type":29,"value":204},{"type":24,"tag":288,"props":342,"children":343},{},[344],{"type":29,"value":345},"배포 서비스가 알려 준 주소",{"type":24,"tag":47,"props":347,"children":348},{},[349,361],{"type":24,"tag":51,"props":350,"children":351},{},[352,354,359],{"type":29,"value":353},"같은 이름으로 ",{"type":24,"tag":32,"props":355,"children":356},{},[357],{"type":29,"value":358},"예전 A 레코드나 CNAME이 이미 있으면 지워요.",{"type":29,"value":360}," 구매처가 기본으로 넣어 둔 주차 페이지 값이 남아 있으면 연결이 안 돼요.",{"type":24,"tag":51,"props":362,"children":363},{},[364],{"type":29,"value":365},"Cloudflare DNS를 쓴다면 처음에는 주황 구름(프록시)을 끄고 회색 구름(DNS only)으로 두세요. 프록시가 켜져 있으면 배포 서비스가 인증서를 못 만들 때가 있어요.",{"type":24,"tag":40,"props":367,"children":369},{"id":368},"_4-기다리고-확인하기",[370],{"type":29,"value":371},"4. 기다리고 확인하기",{"type":24,"tag":25,"props":373,"children":374},{},[375],{"type":29,"value":376},"DNS 변경은 보통 몇 분에서 몇 시간이면 퍼지지만, 길게는 48시간까지 걸릴 수 있어요. Vercel Domains 화면에 초록색 체크가 뜨면 연결된 거예요. https 인증서도 이때 자동으로 붙어요.",{"type":24,"tag":40,"props":378,"children":380},{"id":379},"이럴-땐-여기를-봐요",[381],{"type":29,"value":382},"이럴 땐 여기를 봐요",{"type":24,"tag":47,"props":384,"children":385},{},[386,396,406],{"type":24,"tag":51,"props":387,"children":388},{},[389,394],{"type":24,"tag":32,"props":390,"children":391},{},[392],{"type":29,"value":393},"Invalid Configuration이 계속 떠요.",{"type":29,"value":395}," 넣은 값에 오타가 없는지, 같은 이름의 예전 레코드가 남아 있지 않은지 봐요.",{"type":24,"tag":51,"props":397,"children":398},{},[399,404],{"type":24,"tag":32,"props":400,"children":401},{},[402],{"type":29,"value":403},"\"안전하지 않은 사이트\"가 떠요.",{"type":29,"value":405}," 인증서가 아직 안 만들어진 거예요. 조금 기다리거나 Cloudflare 프록시를 꺼 봐요.",{"type":24,"tag":51,"props":407,"children":408},{},[409,426],{"type":24,"tag":32,"props":410,"children":411},{},[412,417,419,424],{"type":24,"tag":57,"props":413,"children":415},{"className":414},[],[416],{"type":29,"value":204},{"type":29,"value":418},"만 되거나 ",{"type":24,"tag":57,"props":420,"children":422},{"className":421},[],[423],{"type":29,"value":204},{"type":29,"value":425}," 없는 주소만 돼요.",{"type":29,"value":427}," 두 주소를 모두 등록하고, 하나가 다른 하나로 넘어가게(Redirect) 설정해요.",{"type":24,"tag":40,"props":429,"children":431},{"id":430},"혼자-하기-어려운-신호",[432],{"type":29,"value":433},"혼자 하기 어려운 신호",{"type":24,"tag":47,"props":435,"children":436},{},[437,442,447],{"type":24,"tag":51,"props":438,"children":439},{},[440],{"type":29,"value":441},"이메일(회사 메일)을 같은 도메인으로 쓰고 있어서 DNS를 잘못 건드리면 메일이 끊길까 걱정돼요.",{"type":24,"tag":51,"props":443,"children":444},{},[445],{"type":29,"value":446},"기존 홈페이지가 이미 그 도메인에 연결되어 있어서 바꾸는 순간 사이트가 멈추면 안 돼요.",{"type":24,"tag":51,"props":448,"children":449},{},[450],{"type":29,"value":451},"연결은 됐는데 로그인이나 결제가 새 주소에서만 안 돼요. 로그인 서비스(Supabase, Firebase 등)와 결제 서비스에 새 주소를 등록해야 할 때가 많아요.",{"type":24,"tag":40,"props":453,"children":455},{"id":454},"막히면-이어서-마무리해-드려요",[456],{"type":29,"value":457},"막히면 이어서 마무리해 드려요",{"type":24,"tag":25,"props":459,"children":460},{},[461,463,469,471,477,479,485],{"type":29,"value":462},"도메인 연결만 따로 맡기셔도 돼요. 도메인 구매부터 DNS 설정, https, 로그인·결제 주소 정리까지 날다데브가 같이 해 드려요. 도와드리는 범위는 ",{"type":24,"tag":95,"props":464,"children":466},{"href":465},"\u002Fvibe-coding",[467],{"type":29,"value":468},"바이브코딩 마무리·배포",{"type":29,"value":470},"에서 보고, 지금 주소와 산 도메인을 ",{"type":24,"tag":95,"props":472,"children":474},{"href":473},"\u002Fcontact?from=vibe-coding",[475],{"type":29,"value":476},"무료 상담 문의",{"type":29,"value":478},"로 알려 주세요. 아직 배포 전이라면 ",{"type":24,"tag":95,"props":480,"children":482},{"href":481},"\u002Fblog\u002Fvibe-coding-deploy-guide",[483],{"type":29,"value":484},"바이브코딩으로 만든 사이트, 인터넷에 올리는 방법",{"type":29,"value":486},"부터 봐 주세요.",{"title":7,"searchDepth":488,"depth":488,"links":489},2,[490,491,492,498,499,500,501,502],{"id":42,"depth":488,"text":45},{"id":85,"depth":488,"text":88},{"id":139,"depth":488,"text":142,"children":493},[494,496,497],{"id":146,"depth":495,"text":149},3,{"id":216,"depth":495,"text":219},{"id":227,"depth":495,"text":230},{"id":238,"depth":488,"text":241},{"id":368,"depth":488,"text":371},{"id":379,"depth":488,"text":382},{"id":430,"depth":488,"text":433},{"id":454,"depth":488,"text":457},"markdown","content:blog:vibe-coding-custom-domain.md","content","blog\u002Fvibe-coding-custom-domain.md","blog\u002Fvibe-coding-custom-domain","md",1791454319941]