HTML 테스트

입력하는 동안 테스터가 코드 옆에서 HTML을 실행해 보여 주며, CSS와 JavaScript도 함께 동작합니다. 실제 페이지에 넣기 전에 코드 조각을 확인하는 용도로 알맞습니다. HTML 표준에 맞는지 검사할 때는 HTML 유효성 검사기가 오류를 알려 주고, 페이지 전체 코드를 한 번에 확인할 때는 HTML 뷰어가 편합니다.
★ ★ ★ ★ ★
200만 명 이상이 Tiiny Host를 쓰고 있습니다
가입 없이 사용 · Salesforce, Airbnb, JLL, Nestlé 팀이 사용

확인이 끝난 페이지를 공개하는 순서

무료 계정으로 가능합니다

1. HTML 파일 선택

1. HTML 파일 선택

tiiny.host에서 HTML 파일을 업로드 칸으로 끌어다 놓습니다.

2. 주소 정하기

2. 주소 정하기

링크 이름을 입력하고 필요한 설정을 고릅니다.

3. 게시와 공유

3. 게시와 공유

완성된 페이지로 연결되는 고유 링크를 받습니다.

기능

빠른 확인을 위한 도구

🧪 코드 조각 실행

튜토리얼이나 컴포넌트 라이브러리에서 복사한 코드를 프로젝트에 넣기 전에 돌려 봅니다.

🛠️ 실수 찾기

닫는 태그가 빠졌거나 스타일이 깨진 부분은 방문자보다 먼저 미리보기에서 드러납니다.

⚙️️ 스크립트와 스타일 실행

CSS와 JavaScript는 각자의 탭에 넣고, 테스터 안에서 HTML과 함께 실행됩니다. 인터랙션까지 확인할 수 있습니다.

🆓 무료

계정 없이, 횟수 제한 없이 테스트합니다.

🕵️ 저장하지 않음

Tiiny Host는 여기서 테스트한 코드를 저장하지 않습니다. 오류를 표시하기 위해 W3C 검사기가 HTML을 확인합니다.

🔗 완성되면 게시

잘 동작하는 페이지는 Tiiny Host에 올려 1분 안에 링크로 공유합니다.

비교

코드 플레이그라운드와 다른 점

공개 프로젝트나 계정을 만들 생각 없이 결과만 빨리 보고 싶을 때 쓰는 도구입니다. 확인을 마친 페이지는 같은 자리에서 실제 웹사이트 게시로 이어집니다.

⚡ Tiiny Host
코드 플레이그라운드
가입 없이 테스트
코드를 붙여 넣는 즉시 결과가 나오고, 계정이나 설치는 필요 없습니다.
✓ 가능
도구마다 다름
코드를 남기지 않음
테스트하는 동안 계정도, 공개 프로젝트도 만들어지지 않습니다.
✓ 가능
무료 저장은 공개되는 곳이 많음
실제 웹 서버에서 확인
업로드한 파일은 HTTPS가 적용된 실제 URL에서, 방문자가 보게 될 모습 그대로 실행됩니다.
✓ 가능
일부만 지원
한 번에 게시
테스트를 마친 페이지는 tiiny.site 주소로 공개되고, Solo 요금제에서는 자체 도메인도 씁니다.
✓ 가능
내보내기나 추가 기능
코드 조각부터 사이트 전체까지
스타일시트와 이미지를 함께 압축한 ZIP은 완전한 웹사이트로 실행됩니다.
✓ 가능
도구마다 다름
게시한 페이지 위의 피드백
피드백 모드(Tiny 요금제)를 켠 페이지에는 검토자가 가입 없이 댓글을 남깁니다.
✓ 가능
코드에만 댓글
게시 후 수정
브라우저 코드 에디터에서 고친 내용이 같은 링크에 저장됩니다(Solo 이상).
✓ 가능
일부만 지원
비교해 본 코드 플레이그라운드 CodePenJSFiddleW3Schools Tryit EditorJSBinCodeSandboxReplit
요금제

테스트는 무제한, 게시는 무료부터

테스트에는 돈이 들지 않습니다. 웹에 올릴 페이지는 무료 요금제로 한 개까지 호스팅되며, 3개월마다 로그인해 계정을 유지합니다.

무료
$0/월, 기간 제한 없음
  • ✓ 이 페이지에서 무제한 테스트
  • ✓ 게시 사이트 1개
  • ✓ 최대 3MB 업로드
  • ✓ 월 방문 5,000회와 트래픽 5GB
  • ✓ 무료 주소 myname.tiiny.site
  • – 무료 사이트에는 작은 Tiiny Host 배너가 붙습니다
더 필요할 때 업그레이드
$5부터/월, 연간 결제 시
약 6,800원부터 / 월
  • Tiny $5 약 6,800원 · 배너 제거, 최대 25MB 업로드, 검토자용 피드백 모드, 방문 통계
  • Solo $13 약 17,600원 · 사이트 5개, 브라우저 코드 에디터, 맞춤 404 페이지, 비밀번호 보호, API
  • Pro $31 약 42,000원 · 사이트 15개, 팀 좌석, 이메일 수집, 우선 지원
  • Pro Max $74 약 100,300원 · 사이트 무제한, 저장 공간 2TB
전체 요금제 보기 → ⭐️ 7일 이내 환불 보장

원화 금액은 2026년 9월 28일 환율(1달러 ≈ 1,356원)로 계산한 월 요금 어림값입니다. 실제 청구 금액은 결제 화면에서 확인하세요.

게시할 때의 업로드 한도

파일 하나당 업로드 한도
무료
3MB
게시 사이트당
Tiny · $5
25MB
프로젝트당
Solo · $13
75MB
프로젝트당
Pro · $31
10GB
계정 전체
Pro Max · $74
2TB
계정 전체

CSS와 JavaScript를 포함한 테스트 페이지는 보통 수백 KB 정도입니다. 사진이나 영상이 들어간 사이트쯤 되어야 무료 한도 3MB를 넘깁니다.

AI 에이전트 지원

빌드 과정에서 곧장 게시하기

빌드 스크립트나 AI 에이전트가 API 키로 HTML 파일이나 압축한 사이트를 업로드 엔드포인트에 올립니다. 게시된 링크는 응답에 담겨 옵니다.

REST API업로드 엔드포인트 하나로 자동화와 예약 게시를 구성합니다.
MCP 서버Claude Code는 명령어 한 줄로 연결됩니다. Cursor, VS Code, Windsurf, Zed, Codex, v0는 설정 몇 줄이면 됩니다.
Claude 커넥터Claude 앱과 Claude Code에서 보고서나 문서를 곧바로 게시합니다.
스킬한 번 설치한 에이전트는 PDF와 ZIP을 비롯해 100가지가 넘는 파일 형식을 링크로 게시합니다.
API 문서 보기 → API는 Solo 요금제부터 제공
upload.sh
curl -X POST https://ext.tiiny.host/v1/upload \
  -H "x-api-key: $TIINY_API_KEY" \
  -F "files=@index.html" \
  -F "domain=my-test-page.tiiny.site"

# → https://my-test-page.tiiny.site
# 파일 교체는 같은 도메인에 PUT 요청
활용 예

테스터가 쓸모 있는 상황

HTML 공부

HTML 공부

학생이 과제 코드를 실행해 마크업이 생각대로 동작하는지 곧바로 확인합니다.

컴포넌트 점검

컴포넌트 점검

UI 라이브러리의 컴포넌트를 프로젝트에 넣기 전에 따로 떼어 테스트합니다.

버그 제보

버그 제보

문제를 재현하는 가장 작은 코드 조각으로 줄인 페이지는 개발자가 고치기 훨씬 쉽습니다. 링크로 게시된 재현 페이지라면 더욱 그렇습니다.

참고 자료

HTML 작성과 수정에 관한 블로그 글

How to Upload HTML File to a Website

Publishing one .html file and getting back an address you can send around.

How to Add JavaScript to HTML

Script tag placement, and the point at which a separate .js file starts to make sense.

How to Edit an HTML File: Basics for Beginners

For newcomers: picking a text editor and changing a page without breaking its layout.

자주 묻는 질문

HTML 코드는 어떻게 테스트하나요?

위쪽 테스터의 HTML 탭에 코드를 넣고, 옆 창의 결과를 보며 고칩니다. 레이아웃이 어긋나거나 태그가 닫히지 않은 부분은 결과 화면에서 금방 드러납니다.

HTML 테스트란 무엇인가요?

페이지를 게시하기 전에 의도한 대로 보이고 동작하는지 확인하는 과정입니다. 레이아웃과 함께 링크나 이미지가 제대로 불러와지는지도 살핍니다.

메모장으로 HTML을 테스트하려면 어떻게 하나요?

파일을 page.html처럼 .html 확장자로 저장한 뒤 더블클릭해 브라우저에서 엽니다. 저장할 때 인코딩은 UTF-8로 고릅니다. 메모장에서 고칠 때마다 다시 저장하고 브라우저 탭을 새로 고칩니다.

HTML 파일을 내 컴퓨터에서 실행하려면 어떻게 하나요?

.html 파일을 브라우저에서 바로 엽니다. 인터넷 연결은 필요 없습니다. 상대 경로로 다른 파일을 불러오는 페이지라면 VS Code의 Live Server 확장 같은 작은 로컬 서버가 더 실제에 가까운 결과를 보여 줍니다.

브라우저에서 HTML 코드를 테스트하려면 어떻게 하나요?

크롬, 엣지, 웨일, 사파리 같은 최신 브라우저는 모두 저장된 .html 파일을 엽니다. 파일을 탭에 열어 둔 채, 수정할 때마다 F5로 새로 고칩니다.

크롬에서 HTML 코드를 테스트하려면 어떻게 하나요?

.html 파일을 크롬 탭으로 끌어오거나 Ctrl+O(Mac은 Cmd+O)로 엽니다. 마우스 오른쪽 버튼 메뉴의 '검사'가 개발자 도구를 엽니다. 여기서 요소를 하나씩 살피거나 콘솔에 뜬 오류를 읽습니다.

여기서 테스트한 코드가 저장되나요?

Tiiny Host는 붙여 넣은 내용을 저장하지 않습니다. 다만 오류를 표시하기 위해 HTML이 W3C 검사기(validator.w3.org)로 전송됩니다. 페이지가 온라인에 올라가는 것은 직접 Tiiny Host에 업로드했을 때뿐입니다.

테스트한 HTML을 공유할 수 있나요?

파일이나 사이트를 압축한 ZIP을 Tiiny Host에 올려 공유 링크를 받습니다. 검토자가 계정 없이 댓글을 다는 피드백 모드는 Tiny 이상 요금제에 있습니다.

웹사이트 전체를 테스트할 수 있나요?

테스터는 한 번에 한 페이지를 다룹니다. 여러 페이지로 된 사이트는 폴더를 ZIP으로 압축해 Tiiny Host에 올린 뒤, 사이트 주소에서 직접 눌러 보며 확인하는 편이 쉽습니다.

테스트를 마친 코드를 실제 웹사이트로