HTML 뷰어
코드와 결과를 한 화면에
📋 복사해서 붙여 넣기
CMS나 메일 템플릿에서 복사한 마크업이 편집기에 들어가는 순간 화면에 그려집니다.
🛠️ 문제를 일찍 발견
깨진 레이아웃이나 닫히지 않은 태그가 다른 사람 눈에 띄기 전에 미리보기에서 보입니다.
⚙️️ JavaScript와 CSS 지원
인라인 스타일과 스크립트가 미리보기에서 실행되어, 인터랙티브 요소가 실제 페이지처럼 동작합니다.
🆓 무료, 무제한
사용량 제한도, 가입 절차도 없습니다.
🕵️ 서버 저장 없음
편집기에 붙여 넣은 코드는 Tiiny Host 서버에 저장되지 않습니다.
🔗 링크로 보내기
완성된 페이지는 Tiiny Host에 게시해 누구에게나 보낼 수 있는 링크로 만듭니다.
🔍 HTML 파일 올리기
Tiiny Host에 올린 HTML 파일은 별도 설정 없이 브라우저에서 열립니다.
🌐 자체 도메인
고객에게 보여 줄 페이지를 회사 도메인으로 게시하는 기능은 Solo 요금제에 있습니다.
📊 방문 통계
게시한 페이지의 방문자 수가 Tiny 이상 요금제의 대시보드에 표시됩니다.
📱 임베드
게시한 페이지에는 튜토리얼이나 문서에 넣을 임베드 코드가 함께 제공됩니다.
🔒 비밀번호 보호
비밀번호를 전달받은 사람만 게시한 페이지를 보도록 잠급니다. Solo 요금제에서 켤 수 있습니다.
개발자 도구로 보는 것과의 차이
이 뷰어에서 미리 본 페이지는 Tiiny Host에 게시해 다른 사람이 여는 링크로 만들 수 있습니다. 고객에게 시안을 보여 주거나 동료에게 레이아웃을 확인받을 때 쓰는 방식입니다.
무료 요금제로 페이지 하나까지 공개
뷰어는 사용량에 제한이 없습니다. 게시한 결과물은 무료 요금제에서 한 페이지까지 온라인에 유지되고, 3개월 안에 로그인 기록이 있는 한 계속 남습니다.
- ✓ 이 페이지에서 무제한 보기
- ✓ 게시 페이지나 사이트 1개
- ✓ 최대 3MB 업로드
- ✓ 월 방문 5,000회와 트래픽 5GB
- ✓ 무료 주소 myname.tiiny.site
- – 게시한 페이지에 작은 배너 표시
- Tiny $5 약 6,800원 · 배너 제거, 최대 25MB 업로드, QR 코드, 방문 통계
- Solo $13 약 17,600원 · 사이트 5개, 자체 도메인, 비밀번호 보호, 코드·비주얼 에디터, API
- Pro $31 약 42,000원 · 사이트 15개, 이메일 수집, 팀원 추가, 우선 지원
- Pro Max $74 약 100,300원 · 사이트 무제한, 대용량 미디어용 2TB
원화 금액은 2026년 9월 28일 환율(1달러 ≈ 1,356원)로 계산한 월 요금 어림값입니다. 실제 청구 금액은 결제 화면에서 확인하세요.
게시물 크기 제한
파일 하나당 업로드 한도코드 조각이나 한 페이지짜리 HTML은 용량이 아주 작습니다. 무료 한도인 3MB에 가까워지는 건 이미지와 영상을 함께 묶은 ZIP 사이트를 올릴 때입니다.
미리 본 HTML을 API로 게시
미리보기를 마친 HTML은 업로드 엔드포인트로 보내 공개 URL을 받을 수 있습니다. 코딩 에이전트도 같은 방식으로 게시하며, 나중에 같은 도메인으로 PUT 요청을 보내 페이지를 새 버전으로 바꿉니다.
curl -X POST https://ext.tiiny.host/v1/upload \
-H "x-api-key: $TIINY_API_KEY" \
-F "files=@preview.html" \
-F "domain=html-preview.tiiny.site"
# → https://html-preview.tiiny.site
# 파일 교체는 같은 도메인에 PUT 요청많이 쓰는 경우
즉시 미리보기
코드를 붙여 넣은 뒤 렌더링 결과를 기다릴 필요가 없습니다.
빠른 프로토타입
HTML 시안을 링크 하나로 팀원이나 고객에게 보냅니다.
콘텐츠 임베드
유튜브 영상이나 iframe을 넣고 페이지에서 어떻게 보이는지 살핍니다.
문제 해결
로컬 개발 환경을 꾸리지 않고 HTML을 시험하고 고칩니다.
메일 HTML 점검
메일 프로그램은 브라우저와 HTML을 다르게 표시하므로, 뉴스레터나 메일 템플릿을 보내기 전에 미리 봅니다.
웹사이트 시안 확인
운영 서버에 올리기 전에 페이지를 확인하고, 고객 승인용 링크를 보냅니다.
코드 예제
웹 개발을 가르칠 때 학생에게 동작하는 예제를 보여 줍니다.
포트폴리오 프로젝트
채용 담당자가 HTML과 CSS 작업물을 직접 눌러 보게 합니다.
How to Upload HTML File to a Website
Publishing a finished HTML page so it has a real address you can hand out.
How to Add JavaScript to Your HTML
Two ways to bring JavaScript into a page: an inline block or a linked script file.
Editing an HTML File: A Guide for Beginners
Opening an HTML file in an editor, changing it, and checking the result in a browser.
