HTML 에디터
HTML을 작성하고 바로 렌더링해서 확인하며 디버깅합니다.
미리보기
사용 예시
간단한 HTML 조각을 빠르게 테스트하기
코드 편집기를 띄우지 않고도, 마크업이나 CSS 한 조각이 실제로 어떻게 보이는지 바로 확인할 수 있습니다.
이메일에 넣을 HTML 템플릿 미리보기
뉴스레터나 알림 메일용 HTML을 작성하면서, 실제 렌더링된 모습을 실시간으로 확인할 수 있습니다.
자바스크립트 동작을 콘솔과 함께 디버깅하기
<script> 태그 안에 코드를 넣고 브라우저 개발자 도구의 콘솔을 열면, 미리보기 안에서 실행된 로그와 오류를 바로 확인할 수 있습니다.
자주 묻는 질문
내가 작성한 HTML이 서버로 전송되나요?
아니요. 렌더링은 브라우저 안에서만 이뤄지며 입력한 내용이 서버로 전송되지 않습니다.
자바스크립트도 실행되나요?
네. 미리보기는 격리된 iframe 안에서 실행되며, 안에 담긴 <script>도 그 iframe 안에서 동작합니다. 다만 이 iframe은 부모 페이지나 다른 사이트에는 전혀 접근할 수 없도록 격리되어 있습니다.
외부 이미지나 CDN 스크립트도 불러올 수 있나요?
네. 미리보기는 일반 브라우저 환경과 같으므로 <img src="https://...">나 <script src="https://...">처럼 외부 주소를 참조하면 정상적으로 불러옵니다.
작성한 내용은 저장되나요?
브라우저의 로컬 저장소에만 보관되어 다시 방문했을 때 이어서 볼 수 있습니다. 서버에는 전송되지 않습니다.