AI 도구가 만든 웹사이트는 데모를 빠르게 만들지만, 바로 사람들에게 보낼 수 있는 링크가 되는 것은 아닙니다. 생성된 코드가 실제 파일로 정리되어야 하고, 이미지 경로와 더미 링크를 확인해야 하며, HTTPS로 열리는 공개 링크가 필요합니다.
DeployPages는 AI 생성 웹사이트를 만드는 도구가 아닙니다. 이미 생성된 HTML, CSS, JavaScript, React 결과물을 정적 사이트로 게시하는 흐름에 집중합니다.
먼저 확인할 것
AI가 만든 결과물에서 다음을 확인하세요.
index.html또는 빌드 결과 폴더가 있는지- 이미지와 폰트 파일이 실제로 포함되어 있는지
- 버튼 링크가
#,/placeholder,example.com같은 임시 경로에 머물러 있지 않은지 - 외부 API key나 개인 토큰이 코드에 들어 있지 않은지
- 모바일에서 텍스트와 버튼이 겹치지 않는지
프롬프트나 대화 내용은 배포물이 아닙니다. 브라우저가 직접 열 수 있는 정적 파일 폴더가 필요합니다.
AI 생성 사이트에 맞는 게시 순서
- AI 도구에서 파일을 내보냅니다.
- 로컬에서
index.html을 열어 기본 화면을 확인합니다. - 경로와 더미 텍스트를 정리합니다.
- 폴더나 ZIP을 DeployPages에 업로드합니다.
- 공개 링크에서 다시 확인합니다.
- 클라이언트나 팀에 링크를 보냅니다.
- 확정되면 커스텀 도메인을 연결합니다.
이 순서가 중요한 이유는 AI 결과물이 초안인 경우가 많기 때문입니다. 먼저 공개 링크로 검토하고, 유지할 가치가 생겼을 때 프로젝트로 관리하는 편이 안전합니다.
흔한 문제
| 문제 | 확인할 부분 |
|---|---|
| 첫 화면이 404 | index.html이 업로드 루트에 있는지 확인합니다. |
| 이미지가 깨짐 | 이미지 파일이 포함되어 있고 경로가 상대 경로인지 확인합니다. |
| 버튼이 작동하지 않음 | AI가 남긴 임시 링크를 실제 경로로 바꿉니다. |
| React 화면이 비어 있음 | 빌드 결과물인지, 소스 폴더를 올린 것은 아닌지 확인합니다. |
| 민감한 값 노출 | API key, 토큰, 내부 URL이 들어 있지 않은지 검색합니다. |
링크가 검토용에서 실제 사이트가 될 때
AI 생성 페이지가 고객 확인용이면 공개 링크만으로 충분할 수 있습니다. 하지만 광고, 포트폴리오, 제품 소개, 채용용 페이지로 이어진다면 다음이 필요합니다.
- 커스텀 도메인
- SSL 인증서와 HTTPS 자동 적용
- 비밀번호 보호가 필요한 미리보기
- 방문과 유입을 보는 통계
- 문제가 생겼을 때 이전 버전으로 복원하는 기록
AI가 만든 첫 버전은 시작점입니다. 공개 링크로 검증하고, 남길 사이트만 운영 흐름으로 옮기세요.