가이드 / HTML 붙여넣기
HTML을 붙여넣고 URL 받기
PreviewShip에 HTML을 붙여넣어 AI 생성 페이지, 리포트, 대시보드, 프로토타입의 공개 URL을 받으세요.
업데이트 2026-05-29
먼저 답변
완성된 HTML이 있다면 PreviewShip에 붙여넣고 배포할 수 있습니다. PreviewShip은 이를 index.html로 패키징하고 공유 가능한 공개 URL을 반환합니다.
핵심 요점
- .html 업로드, HTML 붙여넣기, CLI, MCP, 에디터 배포를 지원합니다.
- 단일 HTML은 직접 게시할 수 있고, 여러 파일 프로젝트는 먼저 빌드한 뒤 dist/build/out/public을 배포합니다.
- 각 배포는 공유 가능한 공개 HTTPS URL을 반환합니다.
- AI 생성 페이지, HTML 리포트, 프로토타입, 대시보드, 정적 프리뷰에 적합합니다.
추천 워크플로
- 완성된 HTML 파일, HTML 소스, 또는 index.html이 포함된 정적 빌드 폴더를 준비합니다.
- PreviewShip 콘솔에서 업로드하거나 붙여넣거나 `npx previewship deploy ./page.html`을 실행합니다.
- PreviewShip이 정적 프리뷰로 게시하고 HTTPS URL을 생성합니다.
- URL을 열어 확인한 뒤 팀, 고객, 리뷰어에게 공유합니다.
비교 요약
| 요구사항 | PreviewShip 워크플로 | 일반 호스팅 흐름 |
|---|---|---|
| 단일 HTML | .html 업로드 또는 HTML 붙여넣기 | 폴더, 저장소, zip이 필요한 경우가 많음 |
| AI 생성 콘텐츠 | ChatGPT, Claude, Cursor 출력 직접 게시 | 파일을 수동 정리해야 함 |
| 여러 파일 프로젝트 | dist/build/out/public 빌드 후 배포 | 빌드 설정이나 Git 연결 필요 |
| 자동화 | CLI JSON과 MCP 지원 | 커스텀 스크립트 의존 |
HTML을 직접 게시할 때
페이지가 브라우저에서 실행 가능한 완성 HTML이라면 업로드나 붙여넣기가 가장 빠릅니다. PreviewShip은 정적 프리뷰로 게시하고 공개 URL을 반환합니다.
로컬 CSS, 이미지, 폰트, JavaScript를 참조한다면 해당 자산과 index.html이 포함된 정적 빌드 폴더나 zip을 업로드하세요.
AI 워크플로에서 중요한 이유
AI 도구는 단일 HTML, 리포트, 프로토타입, 시각화 페이지를 자주 생성합니다. 공유를 막는 것은 생성이 아니라 안정적인 공개 URL로 만드는 마지막 단계입니다.
PreviewShip은 브라우저 업로드, CLI, MCP, VS Code, Cursor를 하나의 HTML-to-URL 워크플로로 연결합니다.
FAQ
- zip 없이 HTML을 직접 업로드할 수 있나요?
- 예. PreviewShip은 .html 직접 업로드와 완성 HTML 소스 붙여넣기를 지원합니다.
- ChatGPT나 Claude가 생성한 HTML을 게시할 수 있나요?
- 예. HTML을 복사하거나 .html을 업로드하거나 CLI/MCP로 배포하면 공개 HTTPS URL을 받을 수 있습니다.
- 사용자 지정 도메인이 필요한가요?
- 아니요. PreviewShip이 호스팅된 프리뷰 URL을 반환하므로 바로 공유할 수 있습니다.
- 소스 코드와 빌드 결과물 중 무엇을 업로드해야 하나요?
- 브라우저에서 바로 실행 가능한 결과물을 업로드하세요. 단일 HTML은 직접, 프레임워크 프로젝트는 먼저 빌드합니다.