HTML 뷰어 · 미리보기
왼쪽에 HTML 코드를 붙여넣으면 오른쪽에서 실시간으로 렌더링합니다. 새 탭에서 크게 보거나 .html 파일로 바로 저장할 수도 있습니다.
- 🔒 코드 전송 없음
- ⚡ 실시간 렌더링
- 🛡️ 샌드박스 격리
HTML 소스0줄
미리보기 (샌드박스)
💡 미리보기는 보안을 위해 격리된 샌드박스에서 실행됩니다. 외부 CSS·이미지·CDN 링크도 정상 불러옵니다.
사용법
- 왼쪽 에디터에 HTML 코드를 붙여넣거나 직접 입력합니다.
- 자동 렌더링이 켜져 있으면 약 0.3초 후 오른쪽에 결과가 나타납니다. 끄고 수동으로 돌리려면 "새로고침" 버튼을 누르세요.
- 새 탭에서 열기는 전체 화면으로 확인할 때, .html 다운로드는 파일로 저장할 때 사용합니다.
- 모바일에서는 상단 칩으로 소스 ↔ 미리보기를 전환합니다.
이런 상황에 유용해요
- 이메일 서명, 카페·블로그에 넣을 HTML 위젯 만들 때 결과 즉시 확인
- HTML·CSS 공부 중 예제 코드의 실행 결과가 궁금할 때
- 메모장에서 짠 페이지를 저장 전에 빠르게 검산할 때
- 간단한 정적 랜딩 페이지 시안을 어디서든 열어보고 싶을 때
자주 묻는 질문
붙여넣은 코드는 서버로 전송되나요?
아니요. 코드는 브라우저 안의 격리된 프레임에서만 렌더링되며 어디에도 저장·전송되지 않습니다.
JavaScript가 포함된 HTML도 실행되나요?
네. 다만 보안을 위해 샌드박스로 격리되어 쿠키·로컬 저장소 접근 등 일부 기능은 제한됩니다. 서버와 통신하는 코드(fetch 등)는 외부 네트워크 상황에 따라 동작합니다.
HTML 조각(태그 몇 개)만 붙여넣어도 되나요?
됩니다. <body> 안에 들어갈 내용만 붙여넣으면 브라우저가 나머지 구조를 자동으로 완성해 화면에 표시합니다.