HTML 뷰어
HTML 파일이나 AI가 방금 준 코드 블록을 붙여넣으면 실제 페이지가 바로 보입니다. 왼쪽에서 고치면 오른쪽에 입력하는 대로 반영됩니다. 전부 브라우저 안에서 돌아가고, 링크로 만들기 전까지 아무것도 업로드되지 않습니다.
이 페이지를 링크로 만들기
클릭 한 번으로 지금 이 HTML이 그대로 무료 hdply 주소에 올라갑니다. 체험에는 계정이 필요 없고, 링크는 1시간 유지되며, 무료 계정을 만들면 영구 보관됩니다.
이 뷰어가 하는 일과 하지 않는 일
미리보기는 샌드박스 프레임입니다. HTML은 자기 스크립트와 스타일로 동작하지만 격리된 출처 안에 있어서 이 페이지, 쿠키, 탭 안의 다른 어떤 것도 읽을 수 없습니다. 한 줄씩 읽어보지 않은 코드를 붙여넣어도 안전한 이유입니다.
파일 하나에서 방문자가 받게 될 것을 그대로 렌더링합니다. HTML이 상대 경로로 참조하는 것 — styles.css, images/hero.jpg, script.js — 은 여기에 없고, 파일 하나를 올리는 호스트에도 없을 겁니다. 미리보기에 스타일이 없어 보인다면 그 때문입니다. CSS를 인라인으로 넣거나 절대 URL을 쓰세요.
휴대폰·태블릿 너비는 축소한 스크린샷이 아니라 실제 뷰포트 너비라서 미디어 쿼리가 기기에서처럼 동작합니다. 누군가에게 링크를 보내기 전에 휴대폰으로 바꿔 보세요. 받는 사람 대부분은 휴대폰으로 엽니다.
자주 묻는 질문
붙여넣은 HTML이 어딘가에 업로드되나요?
아니요. 렌더링은 브라우저 안 샌드박스 프레임에서 일어납니다. "링크 받기" 버튼을 누르기 전까지 이 탭 밖으로 나가는 것은 없고, 눌러도 편집기의 HTML만 전송됩니다.
내 컴퓨터의 파일과 다르게 보이는 이유는요?
거의 항상 상대 경로 때문입니다. styles.css나 images/photo.png 같은 링크는 디스크에서 HTML 옆에 있는 파일을 가리키는데, 뷰어는 그 파일을 볼 수 없습니다. CSS는 <style> 태그에 넣고 이미지는 https:// 전체 URL이나 data URI를 쓰면 똑같아집니다.
미리보기에서 JavaScript가 실행되나요?
네. 스크립트는 이 페이지와 격리된 샌드박스 안에서 실행되므로 인터랙티브 페이지, 차트, 작은 앱이 동작합니다. 프레임 자체의 쿠키나 로컬 스토리지가 필요한 기능은 샌드박스 때문에 제한될 수 있습니다.
용량 제한이 있나요?
뷰어에는 없습니다. "링크 받기" 단계는 페이지당 1MB까지 받는데, 자체 완결형 파일에는 충분한 크기입니다. 큰 이미지는 외부 URL에 두세요.