단일 HTML 파일(덱, 제안서, AI가 생성한 데모)을 만들어 특정 한 사람에게 보내려고 시도해 본 적이 있다면, 아마 같은 벽에 부딪쳤을 겁니다. 호스팅 도구는 URL을 제공하고, URL은 작동하지만, 그 URL이 링크를 가진 누구에게나 공개되어 있다는 사실을 깨닫게 됩니다.
Vercel 커뮤니티 포럼(Vercel은 AI 생성 앱을 배포하는 창업자들 사이에서, 특히 v0 AI 웹사이트 빌더를 통해 인기 있는 호스팅 플랫폼입니다)에서 정기적으로 나타나는 패턴이 있습니다. 창업자가 비공개 v0 프로젝트를 만들고 미리보기 링크를 받아 열어보면, 그 링크가 URL을 가진 누구에게나 공개되어 있다는 것을 알게 됩니다.
"웹사이트 생성이 끝나면 미리보기 링크를 받습니다. 그런데 교차 확인해 보니 완전히 공개 링크였습니다. 저는 비공개 프로젝트를 진행 중이고, 프로덕션으로 가기 전까지는 정말 누구도 웹사이트에 접근하지 못하게 하고 싶습니다. 링크를 비공개로 만들 수 있나요?"
2025년 여러 스레드에서 같은 질문의 변형이 나옵니다. "긴급: v0 미리보기 URL 비활성화 요청." "제 작업이 공개되지 않도록 하려면 어떻게 해야 하나요?" "배포된 웹사이트가 저에게만 보이도록 할 수 있나요?"
이런 질문은 개발자들이 하는 게 아닙니다. 개발자는 basic auth와 vercel.json 설정을 알고 있습니다. 이런 질문을 하는 사람은 v0, Claude, Lovable, Bolt로 앱과 덱을 만드는 창업자, 디자이너, 마케터, 세일즈 엔지니어들이며, 한 명의 투자자나 한 명의 고객에게 보내려던 링크가 URL을 가진 누구에게나 보인다는 것을 뒤늦게 깨닫는 사람들입니다.
이 글은 바로 그 격차에 대한 이야기입니다.
실제로 필요한 것
*"host html file"*을 검색하면 tiiny.host, EdgeOne Makers Drop, PageDrop, Static.app, host-html.com 그리고 같은 약속을 하는 수십 개의 랜딩 페이지에 도달하게 됩니다. HTML 파일을 드래그하면 공개 URL이 생긴다. 끝.
하지만 "호스팅"과 "공유"는 다른 문제입니다.
호스팅: 파일을 URL에서 접근 가능하게 만드는 것. 이 목록의 모든 도구가 이걸 합니다. 대부분 무료로 합니다.
공유: 누가 볼 수 있는지 결정하고, 누가 실제로 봤는지 알고, 링크가 전달될 때 무슨 일이 일어나는지 통제하는 것. 이런 도구 대부분은 이걸 전혀 하지 않습니다. 몇몇은 형편없이 합니다. 한두 개는 잘 합니다.
호스팅만 필요하다면(GitHub 계정이 있는 개발자이고 포트폴리오 페이지를 배포하고 싶다면), 이 글은 필요하지 않습니다. GitHub Pages나 Cloudflare Pages를 쓰세요. 무료이고 빠르며, 5분이면 끝납니다.
이 글은 다른 사용 사례를 위한 것입니다.
- v0 데모를 세 명의 투자자에게 이메일로 보내고 실제로 누가 열어봤는지 알고 싶은 창업자.
- Claude가 생성한 아티팩트를 공개하지 않으면서 클라이언트에게 보내려는 디자이너.
- 잠재고객에게 맞춤형 HTML 목업을 공유하고, 잠재고객의 전체 구매 위원회가 이제 보고 있는지 알아내려는 세일즈 엔지니어.
- 비밀번호와 "이 링크는 14일 후에 만료됩니다"가 필요한 인터랙티브 제안서 페이지를 제시하는 에이전시.
이 모든 경우에, 선택하는 도구는 세 가지를 처리해야 합니다. 업로드, 접근, 그리고 누가 실제로 무엇을 봤는지에 대한 사후 인텔리전스입니다.
여기 일반적인 8가지 옵션을 비교한 결과가 있습니다.
8가지 도구 한눈에 보기
| 도구 | 업로드 | 무료 등급 | 유료 진입 | 비밀번호 | 이메일 인증 | 조회자별 분석 | 단일 파일? | AI 아티팩트 (Claude/v0/Lovable) |
|---|---|---|---|---|---|---|---|---|
| GitHub Pages | Git 저장소 | 무제한 공개 | $4/시트 (Pro, 비공개용) | 기본 제공 없음 | 없음 | 없음 | 저장소 필요 | 정적 HTML만, JSX 없음 |
| Vercel | Git / CLI | 무료 Hobby (비상업용만) | $20/시트 (Pro) | Pro 등급 | 없음 | 없음 (집계만) | 저장소 / CLI | v0 네이티브; CSP는 다양 |
| Netlify Drop | 드래그 앤 드롭 | 100 GB/월, 빌드 300분 | $19 Personal / $20/월 Pro 정액 | 유료 등급 | Forms만 | 없음 | 예, 단일 HTML 지원 | HTML 가능, JSX 런타임 없음 |
| Cloudflare Pages | Git / 직접 업로드 | 무제한 대역폭 | $5/월 | Cloudflare Access 경유 | 없음 | 없음 | 업로드로 가능 | 정적 가능; CSP 직접 설정 |
| Surge.sh | CLI만 | 무제한 프로젝트 | $30/월 Pro | Pro 등급 | 없음 | 없음 | 디렉터리 배포 | 정적 가능; 런타임 지원 없음 |
| Render Static Sites | Git만 | 무료 정적 | 호스팅 $0; 워크스페이스 $19/시트 | 기본 제공 없음 | 없음 | 없음 | 저장소 필요 | 정적 가능 |
| tiiny.host | 드래그 앤 드롭 | 사이트 1개, 약 3 MB, 브랜딩 | $9 Tiny / $18 Solo / $38 Pro / $89 Pro Max | $18 Solo 등급 | $38 Pro 등급 | 없음 (집계) | 예 | AI 도구용 Chrome 확장; JSX 런타임 없음 |
| HummingDeck | 웹 UI 업로드 | 문서 5개, 데이터룸 1개, 문서 단위 참여도, 봇 필터링 | $10/월 Starter / $25/시트 Pro / $40/시트 Business | 이메일 인증을 통한 보안 공유 (정적 비밀번호 아님) | 예 | 예, 조회자별, 페이지별 | 예 (HTML, PDF, PPT) | 예, 샌드박스 + 추적 스크립트가 Claude/v0/Lovable 처리 |
세부 분석에 들어가기 전에 몇 가지 참고 사항입니다.
- "단일 파일"은 말 그대로의 의미입니다. 일부 도구는 하나의 HTML 파일을 저장소, 폴더, 또는 CLI 명령어로 감싸야 합니다. 브라우저 탭에 파일을 드래그할 수 없다면 이 항목에서 실격입니다.
- **"조회자별 분석"**은 Google Analytics가 아닙니다. 집계 페이지뷰("프랑스에서 42회 조회")는 덱을 보낸 특정 투자자가 아직 열어봤는지 알고 싶을 때 도움이 되지 않습니다. HummingDeck은 이 목록에서 제품 자체 내에서 조회자별/페이지별 데이터를 표면화하는 유일한 도구입니다.
- AI 아티팩트 처리에는 두 가지 계층이 있습니다. 파일을 올바르게 제공하는 것(CSP, 샌드박싱)과 수동 ZIP 래핑 없이 Claude나 v0의 JSX/React를 처리하는 것입니다. 둘 중 하나라도 하는 도구는 몇 개뿐이며, 둘 다 하는 것은 하나뿐입니다.
GitHub Pages
무료. 무제한 공개 사이트. 자동 HTTPS가 있는 커스텀 도메인. 이미 GitHub 계정을 가진 모든 개발자의 기본 답변입니다.
이 독자층에게 중요한 두 가지 함정.
- 단일 파일 워크플로우가 아닙니다. 하나의 HTML 파일은
index.html이 있는 저장소에 있어야 하고, 커밋하고, 푸시하고, 빌드를 기다려야 합니다. 이미 git을 사용하지 않는다면 그건 가벼운 온보딩이 아닙니다. - 상업적 / SaaS 사용은 ToS 위반입니다. 많은 사람들이 이 사실을 모릅니다. GitHub의 이용 약관 정책에는 *"GitHub Pages는 온라인 비즈니스, 전자상거래 사이트, 또는 주로 상업적 거래를 촉진하거나 상업용 SaaS(Software as a Service)를 제공하는 것을 목적으로 하는 다른 웹사이트를 운영하기 위한 무료 웹 호스팅 서비스로 사용하도록 의도되거나 허용되지 않습니다."*라고 명시되어 있습니다. 포트폴리오와 개인 데모는 괜찮습니다. 페이지 자체가 판매를 촉진하는 영업 자산은 안 됩니다.
무료 등급에는 비밀번호 보호가 없습니다. GitHub Pro($4/사용자/월)에서 비공개 Pages를 얻습니다.
분석 없음. Google Analytics나 Plausible을 직접 추가해야 합니다.
이 도구가 적합한 경우: 개발자이고, 콘텐츠가 공개이며, 비용 0을 원할 때. 그 외에는 건너뛰세요.
Vercel
v0 / Next.js / React 생태계의 기본 플랫폼. 무료 Hobby 등급은 대역폭(100 GB/월)과 엣지 요청(100만 건)에서 넉넉합니다.
대부분의 사람들이 빠지는 함정. 무료 Hobby 등급은 상업적 사용을 금지합니다. Vercel의 서비스 약관은 분명히 명시합니다. "귀하는 Hobby 플랜에서 개인적 또는 비상업적 용도로만 서비스를 사용해야 합니다." 잠재고객에게 v0 데모를 보낸다면 그것은 상업적 사용이며, Vercel은 배포를 비활성화할 권리를 보유합니다. Pro 등급($20/사용자/월)이 가장 저렴한 상업적 라이선스 옵션입니다.
비밀번호 보호도 Pro 기능입니다. 더 저렴한 플랜에는 없습니다.
Vercel Analytics는 조회자별이 아니라 집계입니다. 국가, 디바이스, 총 조회수는 볼 수 있지만 "이 잠재고객이 어제 링크를 세 번 열었다"는 볼 수 없습니다. 대부분의 v0 사용 사례에서 이는 빠르게 체감되는 격차입니다.
이 도구가 적합한 경우: 프로덕션 React/Next.js 앱을 배포하고 있고, 어차피 Pro를 결제하고 있으며, 조회자별 추적이 필요 없을 때. 일회성 AI 데모의 경우, 라이선스와 누락된 추적 기능 때문에 잘못된 선택입니다.
Netlify Drop
진지한 인프라 회사가 제공하는 "HTML 파일을 드래그하면 URL이 생긴다"에 가장 가까운 도구입니다. Netlify Drop은 폴더, zip, 또는 단일 HTML 파일을 받습니다. 초기 배포에는 계정이 필요 없지만, 며칠 내에 클레임하는 것이 좋습니다.
무료 등급: 대역폭 100 GB, 월 빌드 300분.
2026년 4월 14일부로 Netlify는 Pro 등급을 무제한 팀 멤버와 함께 월 $20 정액제로 전환했습니다 (출처: Netlify 블로그, "The end of seats"). 이 변경 전에는 Pro가 시트당 $20였습니다. 정액 요금 변경은 크레딧 기반 Pro 플랜에 적용되며, 2025년 9월 4일 이전에 생성된 레거시 시트 기반 Pro 계정은 수동 마이그레이션이 없는 한 레거시 플랜에 그대로 유지됩니다.
이 독자층에게 Netlify Drop이 부족한 점입니다.
- 사이트 단위 비밀번호 보호는 유료 등급으로 게이트되어 있습니다.
- Netlify Forms는 폼 제출을 받지만, 페이지 접근 전 조회자별 이메일 인증은 아닙니다.
- 분석은 집계입니다.
이 도구가 적합한 경우: 가장 빠른 무료 드래그 앤 드롭 경험을 원하고, 누가 링크를 열었는지에 대한 조회자별 인텔리전스가 필요 없을 때. 이 카테고리에서 최고의 무료 옵션입니다.
Cloudflare Pages
Cloudflare의 무료 등급은 인프라 측면에서 이기기 어렵습니다. 무제한 대역폭, 무제한 요청, SSL 포함 무료 커스텀 도메인, 그 아래에 무료 Cloudflare CDN.
부족한 점은 비개발자에게 최적화된 단일 파일 드래그 앤 드롭 UI가 아니라는 것입니다. 직접 업로드가 존재하지만, 워크플로우는 여전히 wrangler나 git에서 배포하는 개발자 쪽으로 기울어져 있습니다.
비밀번호 보호에는 Cloudflare Access가 필요하며, 무료 등급(최대 50시트)이 있지만 간단한 페이지별 비밀번호가 아닙니다. ID 공급자와 정책으로 설정하는 제로 트러스트 인증 프록시입니다.
기본 제공 조회자별 분석은 없습니다. 스크립트를 직접 추가해야 합니다.
이 도구가 적합한 경우: 개발자이고, 상당한 트래픽을 예상하며, 무료 무제한 대역폭이 중요할 때. 일회성 영업 덱에는 덜 유용합니다.
Surge.sh
CLI 도구입니다. npm install -g surge를 실행한 다음 프로젝트 디렉터리에서 surge를 실행합니다. 무료 등급은 커스텀 도메인과 기본 SSL이 있는 무제한 프로젝트입니다.
CLI 전용 워크플로우는 비개발자 독자에게는 제외됩니다. 일상 업무에 npm이 포함되지 않는다면, 이건 당신의 도구가 아닙니다.
Surge Professional은 월 $30입니다. 이를 통해 비밀번호 보호, 커스텀 SSL, HTTP-to-HTTPS 강제 적용, CORS, 커스텀 리다이렉트를 얻습니다.
이 도구가 적합한 경우: 웹 UI보다 터미널을 선호하고 최소한의 인프라 오버헤드를 원하는 프런트엔드 개발자.
Render Static Sites
Vercel과 Cloudflare Pages처럼 Render는 개발자 중심 플랫폼입니다. 정적 사이트는 무료이며, $7/월의 "Starter"는 시트 요금이 아니라 서비스당 컴퓨팅 요금입니다. 팀/워크스페이스 요금($19/사용자/월 Professional)은 별도입니다.
Git 저장소가 필요하며, 드래그 앤 드롭은 없습니다. 정적에는 기본 제공 비밀번호 보호가 없습니다. 조회자별 분석도 없습니다.
이 도구가 적합한 경우: 백엔드 서비스를 위해 이미 Render를 사용 중이고 정적 프런트엔드를 같은 워크스페이스에 두고 싶을 때.
tiiny.host
이 글의 대부분 독자에게 정면 경쟁자입니다. tiiny.host는 시장에서 가장 두드러진 "HTML 파일을 드래그하면 URL이 생긴다" 도구 중 하나입니다.
가격(공개 플랜과 대조 확인됨).
| 플랜 | 월간 | 연간 (실효 월간) |
|---|---|---|
| Free | $0 | n/a |
| Tiny | $9 | $5 |
| Solo | $18 | $13 |
| Pro | $38 | $31 |
| Pro Max | $89 | $74 |
좋은 점입니다.
- 진정한 드래그 앤 드롭 UI. 이 목록에서 가장 빠른 "HTML 파일에서 URL로" 경로입니다.
- 2025년 11월 26일 출시된 Chrome 확장 프로그램은 ChatGPT, Claude, Gemini, Grok, DeepSeek 대화에서 직접 배포합니다. "Claude 아티팩트가 있는데 이제 어떡하지?" 워크플로우 격차를 두 번의 클릭으로 닫습니다.
- Solo 등급($18/$13)은 커스텀 도메인과 비밀번호 보호를 잠금 해제합니다.
- Pro 등급($38/$31)은 이메일 수집을 추가합니다.
부족한 점입니다.
조회자별 분석 없음. tiiny.host는 집계 방문 수("프랑스에서 42회 조회")를 보여주지, "clienta@example.com이 지난 화요일에 4분 동안 두 번 봤습니다"는 보여주지 않습니다. B2B 사용 사례(링크를 보낸 특정 잠재고객이 참여하고 있는지 아는 것)의 경우, 집계 분석은 도움이 되지 않습니다.
JSX/React 런타임 없음. 이것이 가장 많이 인용되는 격차가 되고 있습니다. Claude 아티팩트와 v0 출력은 점점 더 JSX 기반 단일 파일이 되고 있습니다. tiiny.host는 직접 래핑한다면 수동 ZIP으로 호스팅할 수 있지만, JSX를 자동 감지하고 런타임으로 래핑하지는 않습니다. 직접 경쟁자인 OneClickLive는 이를 차별화 요소로 명시적으로 마케팅합니다.
제한적인 무료 등급. 무료 플랜은 파일 크기를 약 3 MB로 제한하고 단일 사이트로 제한합니다. 여러 제3자 리뷰는 무료 등급을 사용자를 빠르게 유료로 밀어내도록 설계된 것으로 묘사합니다. 비활성 기간이 지나면 사이트는 가용성을 제한하는 "미리보기" 모드로 전환됩니다. 무료 등급을 지속적인 호스팅이 아니라 체험판으로 취급하세요.
인라인 재편집 없음. 모든 수정은 재업로드입니다.
이 도구가 적합한 경우: 가장 빠른 HTML-to-URL 드래그 앤 드롭이 필요하고, 일반 HTML(JSX 아님)을 호스팅하며, 잠재고객별 인텔리전스가 아니라 주로 집계 방문 수가 필요할 때.
HummingDeck
공시: 이것은 저희 제품입니다. 트레이드오프를 솔직하게 설명하겠습니다.
HummingDeck은 추적 기능이 있는 영업 덱과 피치덱 공유 도구로 시작했습니다. 기본 인프라(파일을 업로드하고, 추적되는 공유 링크를 얻고, 누가 어떤 페이지를 열었는지 보는 것)는 덱이든, v0 데모든, Claude 아티팩트든, 클라이언트 목업이든, 모든 단일 파일 HTML 아티팩트에 사람들이 정확히 필요로 하는 것으로 밝혀졌습니다.
HummingDeck이 호스팅 위에 추가하는 것은 보안 공유입니다. 누가 파일을 볼 수 있는지, 누가 실제로 봤는지, 그들이 그것으로 무엇을 했는지 아는 것입니다.
이 목록의 다른 도구들이 하지 않는 것을 저희가 하는 것입니다.
- 조회자별, 페이지별 추적. 어떤 특정 수신자가 링크를 열었는지, 무엇을 클릭했는지, 각 페이지나 슬라이드에 얼마나 오래 머물렀는지, 다시 돌아왔는지 볼 수 있습니다. "미국에서 37회 조회"가 아니라 "paula@acmecorp.com이 제안서를 봤고, 가격 섹션에 4분을 썼으며, 계약 페이지는 열지 않았습니다"입니다.
- 이메일 인증을 통한 제한된 공유. 정적 비밀번호(링크와 함께 공유됨) 대신, 각 조회자가 접근 전에 이메일을 인증합니다. 조회자는 주소를 입력하고, 일회용 코드를 받고, 그제서야 들어옵니다. 세 가지 결과가 따라옵니다. 정확히 누가 열었는지 캡처하고, 다른 사람의 링크를 깨뜨리지 않고 수신자별로 접근을 취소할 수 있으며, 새 조회자도 인증해야 하므로 전달이 포착됩니다. 전달될 때마다 링크와 함께 조용히 이동하는 비밀번호와 비교해 보세요.
- 전달 추론. 한 링크가 20분 내에 세 개의 다른 도시에서 열렸다면, 그것은 구매 위원회가 회람하고 있다는 신호입니다. 저희는 그 신호를 명시적으로 표면화합니다.
- 봇 필터링. AI 크롤러, SaaS 봇, 헤드리스 브라우저는 공유 링크 트래픽의 실질적인 부분입니다. 봇 감지를 통해 필터링하므로 "조회" 수가 GPTBot이 아닌 사람을 반영합니다.
- AI 아티팩트 런타임. Claude 아티팩트(HTML + JSX + 주입된 CSS), v0 내보내기, Lovable 앱, Bolt 출력. 이들은 저희 조회자 내에서 변경 없이 실행됩니다. 대부분의 플랫폼에서 깨지는 CSP, 샌드박싱, 스크립트 주입을 저희가 처리합니다.
- 멀티 문서 번들. 단일 추적되는 HTML 파일이 진입점입니다. B2B 작업의 경우 같은 엔진이 딜룸(브랜드된 URL 하나로 덱 + 가격 + 사례 연구 + Loom, 영업용)과 데이터룸(덱 + 재무 모델 + 캡 테이블 + 실사 PDF, 펀드레이징용)으로 확장됩니다.
무료 등급은 문서 5개, 데이터룸 1개, 문서 단위 참여도 보기(누가 열었는지, 총 시간, 페이지 커버리지), 봇 필터링을 제공합니다. 보존 기간이 있는 페이지별 과거 분석(Starter 30일, Pro 90일, Business 무제한)은 $10/월부터 시작합니다.
저희가 잘하지 못하는 점입니다.
- 무제한 무료가 아닙니다. 무료는 문서 5개와 데이터룸 1개를 다룹니다. 헤비 유저는 유료 가격에 빠르게 도달합니다. 취미용 공유를 위해 HTML 파일 10개를 호스팅하고 있다면, tiiny.host나 Netlify Drop이 더 저렴합니다.
- 지구상에서 가장 빠른 CDN은 아닙니다. Cloudflare Pages가 밀리초 단위로 더 빠르게 로드됩니다. 추적되는 공유 링크의 경우 지연 비용은 중요하지 않습니다. 공개 마케팅 사이트의 경우 중요할 수 있습니다.
- 정적 비밀번호 없음 (의도적). 저희는 이메일 인증을 대신 사용합니다. 비밀번호는 링크와 함께 공유되어 접근 통제를 무력화합니다. 단일 정적 비밀번호가 특별히 필요하다면(예: 내부 페이지의 팀 비밀번호), Surge나 tiiny.host 같은 정적 비밀번호 호스트가 그 좁은 사례에 더 잘 맞습니다.
- 공유 링크의 커스텀 도메인은 Business 등급 전용($40/시트)입니다. Starter와 Pro는 HummingDeck 호스팅 서브도메인을 사용합니다. 첫날부터 화이트 라벨 공유 URL이 협상 불가라면 Business 등급을 고려하세요.
- 공개 색인 가능한 페이지용으로 설계되지 않았습니다. HummingDeck 링크는 기본적으로 비공개입니다. Google이 색인할 수 있는 URL을 원한다면, 공개 마케팅 사이트는 저희에게 잘못된 일입니다.
이 도구가 적합한 경우: 신원, 참여 깊이, 전달 행동에 신경 쓰는 특정 사람들에게 HTML/PDF/PPT 파일을 보내고 있을 때. B2B 사용 사례(영업, 펀드레이징, 에이전시 제안서, 고객 대상 데모)가 HummingDeck이 구축된 목적입니다.
숨겨진 축: 실제로 누가 봤는가
위 표의 패턴: 대부분의 "host html" 도구는 업로드 질문에 답합니다. 접근 질문에 답하는 도구는 거의 없습니다. 인텔리전스 질문에 답하는 도구는 거의 없습니다.
세상에 보여주는 v0 포트폴리오 작품의 경우, 신경 쓰지 않습니다. GitHub Pages에 던지세요.
한 클라이언트에게 보내는 Claude가 생성한 제안서의 경우, 인텔리전스 질문이 공유하는 모든 이유입니다.
- 열어봤는가?
- 어떤 페이지를 읽었는가?
- 다시 돌아왔는가?
- 전달했는가?
- 누가 또 보고 있는가?
도구를 선택할 때 이 질문을 결정적 요소로 삼으세요. 사용 사례에 답이 필요하다면, 후보 목록은 빠르게 좁혀집니다. HummingDeck이 이 목록에서 이를 제공하는 유일한 도구입니다. 이 목록에 없는 두 경쟁자, LiveSend와 OneClickLive도 이 틈새에서 일부 조회자별 추적을 제공하며, HummingDeck의 가격이나 기능 조합이 맞지 않는다면 검토할 가치가 있습니다.
AI 아티팩트 문제
별도로 짚어볼 만한 문제가 있습니다. AI 도구가 점점 더 복잡한 단일 파일 아티팩트를 생성하고 있다는 점입니다. Claude의 아티팩트는 이제 한 파일에 HTML, JSX, Tailwind를 일상적으로 결합합니다. v0 내보내기는 React입니다. Lovable 앱은 클라이언트 측 상태와 원격 API 호출을 포함합니다.
대부분의 정적 호스트는 파일을 원시 HTML로 제공하고 JSX를 깨뜨립니다. 일부 플랫폼(Claude 자체의 게시 기능, OpenAI의 canvas 공유)은 기능을 제거하는 하드닝된 샌드박스에서 아티팩트를 실행합니다.
실무자 블로거 Simon Willison은 2025년 12월 10일에 이에 대해 썼습니다. 그는 LLM으로 150개 이상의 단일 파일 HTML 도구를 만들었으며 LLM 플랫폼의 내장 공유 기능에 호스팅하는 것을 권장하지 않는다고 말합니다. 그 플랫폼이 호스팅된 도구를 외부 데이터나 이미지 로딩을 자주 깨뜨리는 제한이 있는 빡빡한 샌드박스에서 실행하기 때문입니다. 그의 기본 권장사항은 단일 파일 HTML 형식을 배포 단위로 취급하는 무료 GitHub Pages 저장소입니다.
검토 중인 도구가 JSX 래핑, 인라인 스크립트용 CSP, 또는 샌드박스 격리를 명시적으로 처리하지 않고 아티팩트에 사소하지 않은 인터랙티비티가 있다면, 커밋하기 전에 테스트하세요.
오늘날 이 계층을 명시적으로 처리하는 도구입니다.
- HummingDeck (CSP/샌드박싱 런타임, 추적되는 링크 내에서 완전한 JSX 렌더링)
- OneClickLive (React/JSX 자동 감지, 브라우저 내 Babel로 래핑, Cloudflare 엣지로 배포)
- Vercel (단일 파일이 아니라 Next.js 프로젝트로 아티팩트를 배포하는 경우)
처리하지 않는 도구입니다.
- GitHub Pages, Cloudflare Pages, Netlify Drop, Render, Surge는 원시 HTML/JS를 제공하고 JSX 래핑이 없습니다.
- tiiny.host는 JSX에 수동 ZIP이 필요합니다.
무엇을 선택할 것인가
간단한 결정 매트릭스입니다.
| 만약 당신이 | 선택 |
|---|---|
| 포트폴리오 HTML 파일이 있는 개발자라면 | GitHub Pages |
| 프로덕션 React를 배포하는 개발자라면 | Vercel Pro 또는 Cloudflare Pages |
| 몇 사람에게 무료로 일회성 HTML 데모를 공유한다면 | Netlify Drop |
| 특정 잠재고객에게 HTML/PDF/덱을 공유하고 누가 무엇을 열었는지 알아야 한다면 | HummingDeck |
| 공유 비밀번호 대신 인증된 조회자 접근으로 AI 생성 아티팩트를 공유한다면 | HummingDeck (이메일 인증) |
| 수동 래핑 없이 Claude나 v0의 JSX/React 아티팩트를 공유한다면 | HummingDeck 또는 OneClickLive |
| 한 구매 위원회에 덱 + 가격 + 사례 연구를 공유한다면 | HummingDeck 딜룸 |
| 여러 투자자 파트너와 펀드레이징 자료를 공유한다면 | HummingDeck 데이터룸 |
| 단일 정적 팀 비밀번호 뒤에 공개 내부 페이지를 호스팅한다면 | Surge Pro 또는 tiiny.host Solo |
| 유료 도구를 피하고 git 기술이 있다면 | Cloudflare Pages |
호스팅은 일의 절반입니다
HTML 파일이 라이브가 되면 HummingDeck으로 추적 링크로 공유하세요. 각 수신자가 어떤 페이지를 읽었는지, 언제 돌아왔는지, 누구에게 링크를 전달했는지 볼 수 있습니다.
자주 묻는 질문
단일 HTML 파일을 무료로 호스팅할 수 있나요?
가능합니다. Netlify Drop은 계정 없이 단일 HTML 파일을 받고, GitHub Pages는 GitHub 저장소가 있다면 무료이며, Cloudflare Pages와 Render도 무료 정적 호스팅을 제공합니다. tiiny.host와 HummingDeck은 제한이 있는 무료 등급을 제공합니다. 솔직한 트레이드오프는 다음과 같습니다. 무료 호스팅은 URL을 주지만 비밀번호 보호, 조회자별 분석, 상업적 사용 라이선스는 거의 주지 않습니다.
최고의 tiiny.host 대안은 무엇인가요?
어떤 tiiny.host 제한에 부딪치고 있느냐에 따라 다릅니다. 3 MB 무료 등급 상한이라면, Netlify Drop이나 Cloudflare Pages가 더 큰 파일을 무료로 처리합니다. 조회자별 분석 부재라면, HummingDeck이 가장 가까운 기능적 대체제입니다. JSX/React 처리라면, OneClickLive나 HummingDeck이 Claude 아티팩트와 v0 출력을 직접 처리합니다.
AI 생성 HTML 페이지(Claude, v0, Lovable)를 클라이언트와 비공개로 어떻게 공유하나요?
Vercel 미리보기 링크는 기본적으로 공개입니다. Claude의 "Publish" 기능은 분석이 없는 공개 URL을 제공하며, 팀/엔터프라이즈 Claude 계정은 아티팩트를 공개적으로 게시할 수 없습니다. 가장 깔끔한 경로는 HummingDeck에 업로드하고 이메일 인증을 켜는 것입니다. 각 조회자가 접근하기 전에 주소를 확인하고, 누가 실제로 무엇을 열었는지 볼 수 있습니다. 자체 호스팅 대안으로는, ID 정책 설정에 익숙하다면 Cloudflare Access 뒤의 Cloudflare Pages가 작동합니다. HD 경로에 대해서는 Claude 아티팩트 안내를 참조하세요.
GitHub Pages는 상업적 사용을 허용하나요?
페이지 자체에는 허용하지 않습니다. GitHub의 이용 약관 정책은 Pages가 "온라인 비즈니스, 전자상거래 사이트, 또는 주로 상업적 거래를 촉진하거나 상업용 SaaS(Software as a Service)를 제공하는 것을 목적으로 하는 다른 웹사이트를 운영하기 위한 무료 웹 호스팅 서비스로 사용하도록 의도되거나 허용되지 않는다"고 말합니다. 한 회사에서 일하는 사람의 포트폴리오는 괜찮습니다. 페이지 자체에서 거래를 성사시키는 영업 자산은 약관 위반입니다. Vercel의 무료 Hobby 등급도 "상업적 활동"에 대해 같은 제약이 있습니다.
정적 HTML 파일을 누가 봤는지 추적할 수 있나요?
이런 도구 대부분에서는 불가능합니다. GitHub Pages, Cloudflare Pages, Netlify Drop, Render, Surge는 기본 제공 분석을 주지 않습니다. Vercel과 tiiny.host는 조회자별 신원이 아니라 집계 방문을 보여줍니다. HummingDeck과 전문 경쟁자(LiveSend, OneClickLive)는 조회자별, 페이지별 추적을 제공하여 누가 정확히 열었는지, 무엇을 읽었는지, 전달했는지를 표면화합니다.
Claude 아티팩트의 React나 JSX는 어떤가요?
대부분의 정적 호스트는 원시 HTML/JS를 제공하며 빌드 단계 없이는 JSX를 렌더링하지 않습니다. 단일 파일에 HTML + JSX + Tailwind를 결합한 Claude 아티팩트는 흔한 고장 지점입니다. 수동 래핑 없이 단일 파일에서 JSX를 처리하는 도구는 HummingDeck과 OneClickLive입니다. tiiny.host는 아티팩트를 ZIP으로 직접 래핑해야 합니다. Vercel은 출력을 단일 HTML 파일이 아니라 Next.js 프로젝트로 취급한다면 처리합니다.
관련 글:
- Claude 디자인 아티팩트(HTML 덱)를 공유하고 슬라이드별 참여도를 추적하는 방법: 특히 Claude 아티팩트 경로에 대한 자매 가이드.
- 2026년 Figma Slides 추적: 네이티브 공유, Pitchdeck, HummingDeck 비교: HTML이 아닌 Figma Slides에 대한 동등한 비교.
- 영업용 HummingDeck | 딜룸 | 데이터룸 | 가격
