HTML 미리보기 사이트
베스트 5 (2026)

ChatGPT에 랜딩 페이지를 맡겼다. 결과물이 나왔다. 그런데 이걸 팀원에게 어떻게 보여주지? 파일로 보내면 상대방이 직접 열어야 하고, 코드를 통째로 붙여넣기엔 채팅창이 너무 길어진다. "그냥 링크 하나만 보내면 안 되나?"라는 생각이 드는 순간이 바로 지금 읽고 있는 글의 출발점이다.

2026년 기준으로 쓸 만한 HTML 미리보기 사이트 5곳을 직접 비교했다. 기획자, 비개발자, AI 도구 사용자 관점에서 실제로 쓰기 편한 순으로 정리한다.

왜 기존 방법이 계속 불편한가

HTML 한 덩어리를 다른 사람에게 보여주는 일은 생각보다 복잡하다. 가장 흔한 방법인 파일 첨부는 받는 사람이 직접 다운로드하고 브라우저로 열어야 한다. 모바일 환경에서는 아예 열리지 않는 경우도 많다. 코드를 복사해서 Slack이나 카카오톡으로 보내는 건 더 나쁘다. 수백 줄짜리 코드 덩어리를 받은 상대방은 그걸 다시 어딘가에 붙여넣고 실행해야 한다. 결과물이 아니라 재료를 던진 셈이다.

호스팅에 올리는 방법도 있다. 하지만 GitHub Pages나 Netlify를 셋업하려면 계정 생성, 저장소 만들기, 배포 설정까지 거쳐야 한다. HTML 한 파일 보여주자고 이 과정을 반복할 수는 없다.

결국 원하는 건 단순하다. HTML을 붙여넣으면 링크가 나오고, 그 링크를 받은 사람은 클릭 한 번으로 렌더링된 화면을 보는 것.

비교 기준

아래 다섯 가지 기준으로 각 서비스를 평가했다.

• 계정 없이 사용 가능 여부 — 가입 없이 바로 쓸 수 있는가
• 단일 HTML 파일 드롭 지원 — .html 파일을 그대로 올릴 수 있는가
• 공유 링크 즉시 생성 — 별도 설정 없이 URL이 바로 나오는가
• 비밀번호 보호 — 링크를 모르는 사람의 접근을 막을 수 있는가
• 무료 제공 범위 — 핵심 기능이 무료인가, 유료 뒤에 숨어 있는가

베스트 5 상세 비교

1. html.to

html.to는 AI가 생성한 HTML을 링크로 즉시 공유하는 데 특화된 서비스다. 코드를 붙여넣거나 .html 파일을 드롭하면 렌더링 결과가 즉시 나타나고, SHARE 버튼 하나로 공유 링크가 클립보드에 복사된다. 계정이 없어도 되고, 생성된 링크는 영구 저장된다. 파일별 AES-256-GCM 비밀번호 보호 기능을 무료로 제공한다는 점이 이 카테고리에서 유일한 강점이다. ChatGPT, Claude, Gemini, Cursor 사용자에게 가장 빠른 공유 경로다.

• 계정 불필요
• 파일 드롭 지원
• 비밀번호 보호 무료 (AES-256-GCM)
• 영구 저장, 무료

2. CodePen

HTML/CSS/JavaScript를 각각 패널에 나누어 편집하는 방식으로 유명하다. 실시간 미리보기가 강점이지만, 공개 공유를 하려면 계정이 필요하다. .html 파일을 드롭해서 바로 올리는 기능은 없고, 코드를 패널별로 붙여넣어야 한다. AI가 생성한 단일 HTML 파일을 빠르게 공유하는 용도로는 과도하게 복잡하다.

• 계정 필수 (공유 시)
• 파일 드롭 불가
• 비밀번호 보호 없음 (무료 플랜)

3. JSFiddle

JSFiddle도 HTML, CSS, JS를 분리된 창에 작성하는 구조다. 단일 .html 파일 하나를 통째로 넣고 바로 공유하는 흐름이 아니다. 계정 없이 저장된 링크를 만들 수는 있지만, AI가 만들어준 완성형 HTML을 그대로 가져와 공유하기엔 작업 단계가 하나 더 생긴다. 개발자 환경에서 스니펫을 공유할 때는 괜찮지만, 비개발자에게 결과물을 보여주는 용도로는 맞지 않는다.

• HTML/CSS/JS 분리 구조 — 단일 파일 공유 불편
• 파일 드롭 불가
• 비밀번호 보호 없음

4. Netlify Drop

폴더째로 드래그해서 즉석 배포하는 방식이라 단일 .html 파일만으로는 의도한 대로 동작하지 않을 수 있다. 최소한 폴더 구조가 필요하다. 생성된 URL이 다소 길고, 임시 배포 링크는 24시간 후 만료된다. 계정을 만들면 영구 저장되지만 그러면 CodePen과 동일한 진입 장벽이 생긴다. 정적 사이트 전체를 빠르게 올리는 데는 유용하지만 단일 HTML 공유엔 오버스펙이다.

• 폴더 구조 필요 (단일 파일 불편)
• 임시 링크 24시간 만료 (계정 없을 때)
• 비밀번호 보호 없음

5. tiiny.host

단일 HTML 파일 업로드를 지원하고 짧은 링크를 즉시 생성해 준다는 점에서 html.to와 가장 유사한 포지션이다. 그러나 계정 없이 사용할 경우 링크가 48시간 후 만료되고, 비밀번호 보호는 유료 플랜에만 있다. 무료 플랜은 광고가 붙는 경우도 있다. 지속적인 공유나 보안이 필요한 상황에서는 비용이 든다.

• 계정 없으면 48시간 만료
• 비밀번호 보호 유료
• 무료 플랜 광고 포함 가능성

한눈에 보는 비교표

html.to로 공유하는 법 (3단계)

AI 도구로 HTML을 만들었다면 아래 순서대로 30초 안에 공유 링크를 만들 수 있다.

1. ChatGPT, Claude, Gemini, Cursor가 만들어준 HTML 코드를 전체 복사한다.
2. html.to에 접속해 코드를 붙여넣거나, .html 파일을 드래그해 드롭한다. 렌더링 결과가 즉시 화면에 나타난다.
3. SHARE 버튼을 누른다. 공유 링크가 자동으로 클립보드에 복사된다. 링크를 채팅, 메일, 슬랙 어디든 붙여넣으면 된다.

비밀번호가 필요하다면 SHARE 전에 보호 설정을 켜면 된다. 받는 사람이 비밀번호를 입력해야만 내용을 볼 수 있다. 암호화는 서버가 아닌 브라우저에서 처리되므로 서버 측에 원문이 남지 않는다.

상황별 추천

• AI 생성 HTML을 팀원에게 빠르게 보여줄 때 — html.to
• HTML/CSS/JS를 나누어 편집하며 개발자와 협업할 때 — CodePen
• JavaScript 스니펫을 빠르게 공유할 때 — JSFiddle
• 폴더 단위 정적 사이트를 임시 배포할 때 — Netlify Drop
• 단일 파일을 공유하되 영구 보존이 필요하고 비밀번호도 필요할 때 — html.to

Glitch는 2025년 7월 서비스를 종료했다. 기존에 Glitch를 쓰던 사용자라면 대안이 필요한 시점이다.