ChatGPT 웹사이트를 호스팅하는 방법
ChatGPT(와 Canvas)는 HTML, CSS, JavaScript로 완전한 웹사이트를 써 줄 수 있지만, 그 사이트를 온라인에 올리지는 못해요. 그 빈틈을 SiteDrop이 채워요. ChatGPT가 만든 파일을 zip으로 묶으면 누구와도 공유할 수 있는 라이브 링크가 생겨요.
무료로 사이트 게시하기 →5단계로 게시하기
- ChatGPT에게 사이트를 만들고 전체 코드를 출력해 달라고 하세요. 가능하면 index.html 하나로요(CSS와 JavaScript도 안에 넣을 수 있어요).
- 받은 코드를 컴퓨터에서 index.html이라는 파일에 복사하세요. styles.css나 script.js를 따로 만들었다면 같은 폴더에 저장하세요.
- 모든 파일(이미지 포함)을 폴더 하나에 넣고, index.html을 최상위에 두세요.
- 폴더를 마우스 오른쪽 버튼으로 클릭해 .zip으로 압축하세요(Windows: 보내기 → 압축(ZIP) 폴더, Mac: 압축).
- .zip을 SiteDrop에 업로드하세요. 1분 안에 실제 링크로 사이트가 공개돼요.
사용할 수 있는 파일 형식
ChatGPT는 순수 HTML, CSS, JavaScript를 줘요. 정적 호스팅이 제공하는 바로 그것이에요. index.html과 .css, .js, 이미지(.png/.jpg/.svg), 글꼴 파일을 폴더 하나에 담으면 빌드 없이 모두 작동해요. 작동하지 않는 건 서버 쪽 코드(PHP, 데이터베이스, 비밀 API 키)뿐인데, 정적 ChatGPT 사이트는 애초에 그런 걸 만들지 않아요.
문제가 생기는 경우와 해결 방법
- zip을 업로드했는데 빈 페이지가 나와요.
index.html은 하위 폴더가 아니라 zip의 최상위에 있어야 해요. 파일들을 담은 폴더가 아니라 파일 자체를 선택해서 압축하세요.
- 페이지는 열리는데 스타일이나 이미지가 없어요.
ChatGPT는 설명만 하고 실제로 출력하지 않은 styles.css나 이미지를 참조할 때가 있어요. 파일마다 이름을 대고 요청한 뒤, 사용된 파일 이름 그대로 index.html 옆에 저장하세요.
- ChatGPT가 사이트를 여러 HTML 페이지로 나눴는데 링크가 404가 나요.
모든 .html 파일을 같은 폴더에 두고 상대 링크(/about이 아니라 about.html)를 쓰세요. 한꺼번에 zip으로 묶어 업로드하세요.
SiteDrop vs 그냥 Netlify 쓰기
같은 폴더를 Netlify에 끌어다 놓을 수도 있어요. 하지만 Netlify는 git 저장소와 빌드 단계를 중심으로 만들어져 있고, CLI를 쓰도록 유도하며, 설정 일부가 계정 설정 뒤에 있어요. ChatGPT가 이미 완성된 HTML로 써 준 사이트라면 불필요한 수고예요. SiteDrop은 zip을 받아 1분 안에 라이브 링크를 돌려주고, 유료 플랜에서는 터미널 없이 커스텀 도메인도 추가해 줘요.
ChatGPT 호스팅 — 자주 묻는 질문
ChatGPT가 웹사이트를 호스팅해 주나요?
아니요. ChatGPT는 코드만 써요. 그 코드를 공개 URL에 게시할 방법은 없어요. 그 코드의 zip을 받아 온라인에 올려 주는 것이 SiteDrop이에요.
ChatGPT로 만든 사이트가 HTML 파일 하나뿐이에요. 괜찮을까요?
네. 이름을 index.html로 하고 zip으로 묶어 업로드하세요. CSS, JavaScript, 이미지는 같은 폴더에 두면 함께 제공돼요.
게시한 뒤에 사이트를 바꿀 수 있나요?
네. ChatGPT에서 다시 내보내고, 업데이트한 파일을 zip으로 묶어 다시 업로드하세요. 링크는 그대로예요.
ChatGPT 사이트를 게시할 준비가 됐나요?
.zip을 업로드하면 1분 안에 공유할 수 있는 라이브 링크가 생겨요. 7일 무료 미리보기, 카드는 필요 없어요.
지금 공개하기 →