ChatGPT는 답변 하나로 완전한 웹사이트를 작성할 수 있지만, 답변은 채팅 속 코드 블록입니다. 그 코드를 위 상자에 붙여 넣고 이 페이지 게시를 누르면 사람들에게 보낼 수 있는 실제 주소가 HTTPS와 함께 생기며, 체험하는 데 계정이 필요 없습니다.
작동 방식
- 파일 하나를 요청하세요. "CSS와 JavaScript가 포함된 단일 HTML 파일로 내 빵집의 한 페이지 웹사이트를 만들어 줘."
- ChatGPT 코드 블록의 복사 버튼으로(또는 캔버스에서) 코드를 복사하여 위 상자에 붙여 넣으세요.
- 게시하세요. 페이지가 몇 초 만에
*.lobsite.app주소로 6시간 동안 공개됩니다. **무료로 유지하기 →**로 무료 계정에 영구적으로 유지할 수 있습니다.
깔끔하게 게시되는 프롬프트
ChatGPT의 첫 초안은 페이지를 여러 파일로 나누거나 없는 파일로 링크하는 경우가 많습니다. 프롬프트에 몇 마디를 더하면 피할 수 있습니다.
- **"단일 HTML 파일로"**는 CSS와 JavaScript를 페이지 안에 유지하므로 붙여 넣을 것이 하나뿐입니다.
- "빌드 단계 없이, npm 없이": React나 Vite 프로젝트는 웹사이트가 되기 전에 빌드가 필요합니다. ChatGPT가 이미 주었다면 빌드(
npm run build)하고 파일 끌어다 놓기 탭에dist폴더를 끌어다 놓으세요. - "라이브러리는 CDN에서 전체 https URL로 불러와": Tailwind, Chart.js, Alpine은 그렇게 불러오면 작동합니다.
- "자리 표시자 이미지는 전체 URL로", 또는 내 이미지를 폴더에 HTML과 함께 넣고 폴더를 끌어다 놓으세요.
게시 전에 확인하고 싶다면 HTML 뷰어에서 편집하면서 데스크톱, 태블릿, 휴대폰 너비로 볼 수 있습니다.
ChatGPT가 게시하게 하기: 커스텀 커넥터
ChatGPT는 원격 MCP 서버인 커스텀 커넥터를 통해 Lobsite를 직접 호출할 수 있습니다. ChatGPT 설정에서 개발자 모드를 켜고 다음 URL로 커넥터를 만드세요.
https://lobsite.com/api/mcp
그런 다음 커넥터가 활성화된 채팅에서 "Lobsite로 이 페이지를 게시해 줘"라고 요청하세요. ChatGPT가 deploy_files 도구로 페이지를 보내고 주소와 가져오기 링크로 답합니다. 어떤 ChatGPT 플랜에서 커스텀 커넥터를 추가할 수 있는지는 OpenAI에 달려 있으며, 복사와 붙여 넣기는 무료를 포함한 모든 플랜에서 작동합니다. 자세한 내용은 MCP 페이지를 참고하세요.
계정 없는 배포는 6시간 동안 공개됩니다. 가져오기 링크로 무료로 유지할 수 있습니다.
모든 사이트는 첫 배포부터 HTTPS가 적용된 *.lobsite.app 주소를 받습니다.
폼의 대상을 /_lobsite/forms/contact로 지정하세요. 스팸 필터링이 포함됩니다.
코딩 에이전트에는 npx lobsite mcp, 채팅 어시스턴트에는 lobsite.com/api/mcp.
공개 전에 미리 보세요. 리디렉션까지 포함해 클릭 한 번으로 롤백합니다.
Free 계정도 포함됩니다. DNS 레코드 하나를 추가하면 사이트가 내 도메인으로 이동합니다. 모든 플랜의 모든 사이트에 HTTPS가 적용됩니다.
채팅 공유와 사이트 게시
| ChatGPT 채팅 공유 | Lobsite에 게시 | |
|---|---|---|
| 사람들이 보는 것 | 코드가 포함된 대화 | 웹사이트 자체 |
| 휴대폰에서 사이트처럼 작동 | 아니요 | 예 |
| 내 이미지와 페이지 | 아니요 | 예: 폴더를 끌어다 놓기 |
| 이메일로 오는 문의 폼 | 아니요 | 예, 사이트가 계정에 있으면 |
| 커스텀 도메인 | 아니요 | 예, 무료 |
| 필요한 계정 | ChatGPT 계정 | 6시간은 불필요, 유지도 무료 |
자주 묻는 질문
ChatGPT 웹사이트 호스팅은 무료인가요?
네. 계정 없는 게시는 6시간 동안 무료이며, 무료 계정은 월 10GB 대역폭으로 사이트 하나를 영구적으로 유지합니다.
ChatGPT가 파일을 여러 개 줬습니다. 어떻게 하나요?
ChatGPT가 사용한 이름(index.html, style.css, script.js) 그대로 한 폴더에 저장한 다음 파일 끌어다 놓기 탭에 폴더를 끌어다 놓으세요. 또는 ChatGPT에게 단일 HTML 파일로 합쳐 달라고 요청하고 붙여 넣으세요.
게시 후 페이지가 비어 있습니다. 왜 그런가요?
보통 먼저 빌드가 필요한 React나 TypeScript 코드이거나, 포함되지 않은 파일에서 불러오는 스크립트 때문입니다. ChatGPT에게 독립적인 단일 HTML 파일을 요청하거나, 프로젝트를 빌드하고 dist 폴더를 끌어다 놓으세요.
나중에 페이지를 변경할 수 있나요?
네. 이 브라우저에서 새 버전을 붙여 넣고 업데이트를 누르면 같은 주소에 표시됩니다. 사이트를 유지한 후에는 대시보드나 npx lobsite로 변경 사항을 배포하세요.
페이지가 비공개인가요?
아니요. 주소를 아는 사람은 누구나 열 수 있으므로 공유하고 싶지 않은 것은 게시하지 마세요. 임시 사이트는 검색 엔진에 색인되지 않습니다.