홍드로이드의 야매코딩

AI로 웹사이트를 만들었다면, 다음은 인터넷에 공개하는 거예요. 내 컴퓨터에만 있으면 나만 보잖아요. Vercel·Netlify 같은 무료 호스팅에 올리면 서버비 0원으로 전 세계가 볼 수 있는 주소가 생깁니다. GitHub 연결부터 자동 배포까지, 초보도 따라 하는 방법을 정리했습니다.📌 30초 요약🌐 배포 = 내 사이트를 인터넷에 올려 주소 만들기🆓 Vercel·Netlify·Cloudflare — 개인 프로젝트 무료🔗 GitHub 연결하면 코드 올릴 때마다 자동 배포🏷️ 내 도메인(주소)도 연결 가능⚠️ API 키·비밀번호는 코드에서 빼고 올리기'배포'가 뭔가요배포(deploy)는 내 컴퓨터에 있는 웹사이트를 인터넷 서버에 올려 누구나 접속할 수 있게 하는 거예요. 예전엔 서버를 사고 설정..

바이브코딩으로 챗봇도, 백엔드까지 만들었는데 내 노트북에서만 돌면 아무도 못 씁니다. 마지막 관문은 배포 — 세상에 공개하는 일이에요. 예전엔 서버 임대에 돈·설정이 필요했지만, 지금은 GitHub에 올리고 버튼 몇 번이면 무료로, 심지어 자동 HTTPS까지 붙어 나옵니다. 3대 무료 호스팅을 비교하고 실전 배포법을 정리합니다. 이 글로 풀스택 여정이 완성돼요.📌 30초 요약① 코드를 GitHub에 올린다(push)② 호스팅에 저장소를 연결(Import)하면 끝 — 자동 빌드·배포③ 무료 HTTPS 주소가 즉시 생성, 이후 push할 때마다 자동 갱신④ 3대 무료: Vercel(DX)·Netlify(간편)·Cloudflare Pages(무제한 대역폭)⚠️ Vercel 무료는 상업용 금지 — 돈 버는 앱..

웹사이트를 만들었다면, 다음은 배포죠. Vercel은 이걸 가장 간단하게 해주는 플랫폼인데, 방법이 두 가지예요 — CLI로 명령 한 줄, 그리고 MCP로 Claude Code 같은 AI에게 맡기기. 이 글에서 둘을 각각, 그리고 합쳐서 쓰는 법을 2026년 기준으로 정리합니다.📌 이 글에서 얻어갈 것✓ Vercel CLI로 미리보기·프로덕션 배포✓ Vercel MCP로 AI에게 배포·로그 맡기기✓ 둘을 합친 실전 워크플로✓ 꼭 알아야 할 보안 주의점방법 1 — Vercel CLI로 한 줄 배포가장 직접적인 방법입니다. 설치하고 프로젝트 폴더에서 명령만 치면 돼요.# 설치npm i -g vercel# 프로젝트 연결 (한 번만)vercel link# 환경변수 내려받기 (필요시)vercel env pull..