'/%3e%3cpath%20id='cross_2'%20data-name='cross%202'%20class='cls-2'%20d='M20.612,30.43h0a5.361,5.361,0,1,0-10.723,0H0A33.709,33.709,0,0,1,30.569,0V9.75a5.361,5.361,0,1,1,0,10.723V30.43Z'%20transform='translate(67.193%200.007)%20rotate(90)'/%3e%3cpath%20id='cross_3'%20data-name='cross%203'%20class='cls-3'%20d='M20.612,30.43h0a5.361,5.361,0,1,0-10.723,0H0A33.709,33.709,0,0,1,30.569,0V9.75a5.361,5.361,0,1,1,0,10.723V30.43Z'%20transform='translate(67.186%2067.041)%20rotate(180)'/%3e%3cpath%20id='cross_4'%20data-name='cross%204'%20class='cls-4'%20d='M20.6,30.5h0a5.361,5.361,0,1,0-10.723,0H0A33.71,33.71,0,0,1,30.56,0V9.818a5.361,5.361,0,1,1,0,10.723V30.5Z'%20transform='translate(0%2067.041)%20rotate(-90)'/%3e%3c/svg%3e)
HTML 파일 보기
HTML 파일을 다운로드 없이 워크스페이스에서 바로 확인할 수 있습니다.
HTML 미리보기 (렌더링)
.html파일을 열면 아래와 같이 미리보기 형태로 파일을 확인할 수 있습니다.
- 같은 폴더에 CSS, 이미지, JS 파일이 있으면 HTML에서 참조한 리소스가 함께 실행됩니다. Vite 등으로 빌드한 결과물도 폴더째로 올려두면 그대로 동작합니다.
- 오른쪽 상단의
원본데이터를 누르면 원본 내용을 볼 수 있습니다.
인터랙티브 문서 활용
자바스크립트(JS)가 동작하기 때문에 클릭, 애니메이션, 탭 전환 등 상호작용이 포함된 HTML 파일을 그대로 실행할 수 있습니다. 별도의 서버나 배포 없이 폴더에 올리는 것만으로 팀 전체가 실행할 수 있습니다.
활용 예시
- 버튼 클릭으로 화면이 전환되는 프로토타입 기획안
- 차트나 그래프가 포함된 보고서
- 탭·아코디언 등 인터랙션이 있는 제안서
스크립트 실행 차단
HTML 파일에 스크립트(<script>) 또는 이벤트 핸들러가 포함된 경우, 보안을 위해 실행을 차단합니다.
| 옵션 | 설명 |
|---|---|
| 이번만 실행 | 현재 열람 시에만 스크립트를 허용합니다. |
| 이 파일은 항상 허용 | 해당 파일은 이후에도 스크립트를 자동으로 허용합니다. |