Bolt·Lovable·v0 HTML 결과물
링크로 공유하기

Bolt로 랜딩 페이지를 뚝딱 만들었다. Lovable로 SaaS 대시보드 목업을 완성했다. v0에서 UI 컴포넌트를 조합해 완성된 화면을 만들었다. 그런데 다음 질문이 항상 막힌다. "이걸 어떻게 보여주지?"

기획자가 디자인 검토를 요청한다. 클라이언트가 중간 결과물을 보고 싶다고 한다. 팀원에게 피드백을 받아야 한다. 코딩을 모르는 상대방에게 .html 파일을 보내봤자 어떻게 열어야 할지 모른다. 코드를 메신저에 붙여넣으면 수백 줄짜리 텍스트 덩어리가 된다. 결과물을 보여주는 가장 자연스러운 방법은 링크 하나인데, 그게 가장 어렵다.

기존 방법이 모두 실패하는 이유

AI 앱 빌더 결과물을 공유하려고 손을 뻗으면 선택지는 몇 가지뿐이다. 그리고 전부 어딘가에서 막힌다.

• CodePen — 계정이 있어야 저장된다. HTML 파일을 드롭하는 기능은 없다. CSS와 JS를 탭으로 분리해 붙여넣어야 한다.
• JSFiddle — 마찬가지로 HTML·CSS·JS를 별도 패널에 넣는 구조다. 단일 HTML 파일 하나를 그대로 올릴 수 없다.
• GitHub Gist — 코드 저장은 되지만 HTML을 실제로 렌더링해서 보여주지 않는다. 받는 사람은 코드를 본다.
• Glitch — 2025년 7월 서비스가 종료됐다. 더 이상 선택지가 아니다.
• Netlify Drop — 폴더 단위로 드롭해야 한다. HTML 파일 하나를 단독으로 올리는 흐름이 아니다.
• tiiny.host — 계정이 필요하고, 비밀번호 보호는 유료 플랜에서만 된다.

Bolt·Lovable·v0의 Export 결과물은 대부분 단일 .html 파일이다. 이 파일 하나를 계정 없이, 즉시, 링크로 만들어주는 서비스가 없었다.

무료로 계정 없이 비밀번호 보호까지 동시에 제공하는 서비스는 이 카테고리에서 html.to가 유일하다.

html.to로 30초 만에 공유하는 법

html.to는 단 하나의 흐름만 처리한다. HTML 파일을 받아서 링크로 만드는 것. 그 외의 것은 없다.

1. Bolt · Lovable · v0에서 단일 HTML 파일로 Export한다. 각 툴의 "Export as HTML" 또는 "Download" 버튼을 누르면 된다.
2. htmlto.puzl.co.kr에 접속한다. 회원가입 불필요.
3. 받은 .html 파일을 드롭 영역에 끌어다 놓거나, 코드를 직접 붙여넣는다.
4. 화면 왼쪽 패널에서 렌더링된 결과를 바로 확인한다. 원하는 대로 나왔는지 미리 본다.
5. 필요하다면 비밀번호를 설정한다. AES-256-GCM 암호화, 완전 무료.
6. SHARE를 누른다. 링크가 클립보드에 자동 복사된다.
7. 그 링크를 메신저·슬랙·이메일로 보낸다. 끝.

받는 사람은 브라우저에서 링크를 열기만 하면 된다. 파일 다운로드도, 설치도, 계정도 필요 없다. 모바일에서도 그대로 열린다. 결과물이 그 자리에서 렌더링된 채로 보인다.

각 툴별 Export 팁

각 AI 앱 빌더마다 단일 HTML을 뽑아내는 경로가 조금씩 다르다.

• Bolt — 우측 상단 메뉴에서 Export → Download as ZIP을 선택하면 정적 파일 묶음이 나온다. 단일 파일이 필요하다면 index.html만 꺼내도 대부분 작동한다.
• Lovable — 프로젝트 설정에서 Export HTML을 선택하면 단일 파일로 내려받는다. Tailwind 인라인이 포함돼 있어 별도 의존성 없이 바로 렌더링된다.
• v0 (Vercel) — 기본 출력은 React 컴포넌트지만, 미리보기 화면에서 우클릭 → 페이지 소스 보기로 렌더링된 HTML을 복사할 수 있다. 또는 v0 내부의 "Export" 기능을 활용해 HTML-only 출력을 선택한다.

인라인 CSS와 스크립트가 모두 포함된 단일 파일일수록 html.to에서 완벽하게 렌더링된다. 외부 CDN을 참조하는 경우도 대부분 정상 작동한다.

비밀번호 보호를 써야 하는 경우

클라이언트에게 미완성 목업을 먼저 보내야 하는 상황이 있다. 링크가 외부로 퍼지는 게 걱정될 때도 있다. html.to의 비밀번호 보호는 이 문제를 추가 비용 없이 처리한다.

• 비밀번호는 AES-256-GCM으로 암호화된다. 서버에는 평문이 저장되지 않는다.
• 링크와 비밀번호를 따로 전달하면, 수신자만 결과물을 볼 수 있다.
• 계정이 없어도 비밀번호 보호를 설정할 수 있다. 무료다.

영구 저장, 별도 관리 불필요

생성된 링크는 별도 삭제 요청 없이 영구 보관된다. 마감 후 몇 달이 지나도 클라이언트가 같은 링크로 결과물을 다시 볼 수 있다. 호스팅 요금 걱정도 없다. 직접 운영하는 서버나 S3 버킷 없이도, 레퍼런스 포트폴리오처럼 관리할 수 있다.