HTML 미리보기는 HTML, CSS, JavaScript를 작성하고 실시간으로 결과를 확인할 수 있는 라이브 샌드박스입니다. 브라우저에서 작동하며 무료이고 서버에 데이터가 저장되지 않습니다. 프로토타이핑, 웹 개발 학습, 코드 스니펫 테스트에 이상적입니다.
자주 묻는 질문
HTML 미리보기 샌드박스는 어떻게 사용하나요?
편집기 패널에 HTML, CSS, JavaScript 코드를 입력하거나 붙여넣으세요. 입력하는 동안 미리보기 창이 실시간으로 업데이트되어 코드가 브라우저에서 어떻게 렌더링되는지 정확하게 확인할 수 있습니다. 자유롭게 실험하고 즉시 결과를 볼 수 있습니다.
코드가 저장되거나 전송되나요?
아니요, 모든 코드가 브라우저에서 로컬로 실행됩니다. 서버로 전송되거나 원격으로 저장되지 않습니다. HTML, CSS, JavaScript 코드가 기기에 완전히 남아 있어 비공개 프로젝트 프로토타이핑에도 안전합니다.
미리보기에서 JavaScript를 사용할 수 있나요?
네, 샌드박스는 HTML, CSS, JavaScript를 지원합니다. JavaScript 코드가 미리보기 창에서 실행되어 인터랙티브 요소, DOM 조작, 이벤트 핸들러, 기타 브라우저 측 스크립팅을 테스트할 수 있습니다. 편집하는 동안 미리보기가 실시간으로 업데이트됩니다.
미리보기 내부의 JavaScript를 실행하는 것은 안전한가요?
미리보기 iframe은 `sandbox="allow-scripts allow-modals"`을 사용합니다 — JS는 실행되지만 iframe은 toolk.io 세션, 쿠키, localStorage 또는 최상위 페이지에 접근할 수 없습니다. 브라우저가 샌드박스 출처에 허용하므로 네트워크 요청은 여전히 작동합니다. 네트워크 관찰자로부터 비공개로 유지될 것이라고 기대하며 JS에 타사 토큰이나 비밀을 붙여넣지 마세요.
일부 CDN의 `<script src="...">`이 로드되지 않는 이유는 무엇인가요?
샌드박스 iframe은 `null` 출처를 가지므로 엄격한 CORS 또는 referer 기반 핫링크 보호를 적용하는 CDN은 요청을 거부합니다. 대부분의 공용 CDN(jsDelivr, unpkg)은 잘 작동합니다. 일부 유료 또는 인증 보호된 스크립트는 작동하지 않습니다. 인라인 `<script>` 블록은 항상 작동합니다.