AI로 만든 홈페이지 공개하는 방법: 도메인·호스팅 기초

만든 화면과 공개된 사이트는 다릅니다

AI가 홈페이지 코드를 만들어주었거나 미리보기 화면이 열렸다고 인터넷 공개까지 끝난 것은 아닙니다. 다른 사람이 접속할 수 있는 호스팅에 파일이나 애플리케이션을 올려야 합니다. 자신의 PC에서만 열리는 주소와 공개 주소도 구분해야 합니다. localhost나 127.0.0.1로 시작하는 주소는 일반적으로 그 기기에서 개발 결과를 확인할 때 사용합니다.

처음에는 사이트의 목적과 꼭 필요한 기능을 적어보세요. 소개 페이지와 문의 링크만 필요하다면 단순한 구성이 가능하지만, 로그인·게시물 저장·결제까지 필요하면 서버나 외부 서비스가 추가될 수 있습니다. 예쁜 화면보다 실제로 동작해야 할 기능을 먼저 확인하면 호스팅을 고르는 기준이 분명해집니다. AI에게 파일 목록과 실행 방법, 필요한 외부 서비스를 설명해달라고 요청할 수도 있습니다.

도메인·호스팅·DNS는 역할이 다릅니다

도메인을 샀다고 사이트 파일이 자동으로 올라가는 것은 아닙니다. 반대로 호스팅이 제공하는 임시 주소로 먼저 공개한 뒤 별도 도메인을 연결할 수도 있습니다. DNS 레코드는 서비스가 안내하는 값에 맞춰 설정해야 하며, 다른 글의 값을 그대로 복사하면 안 됩니다. 기존 메일이나 사이트가 연결되어 있다면 관련 레코드를 지우기 전에 용도를 확인하세요.

정적 사이트인지 서버가 필요한지 확인하세요

HTML·CSS·이미지·브라우저용 자바스크립트로 구성된 소개 페이지는 정적 호스팅으로 제공할 수 있습니다. 소스 프로젝트를 쓰는 경우 배포 전에 빌드라는 변환 과정이 필요할 수 있습니다. 프로젝트 폴더 전체와 실제 업로드할 결과 폴더는 다를 수 있으니 제공된 실행 안내를 확인합니다. 압축 파일 하나가 있다는 사실만으로 바로 배포할 수 있다고 판단하지 마세요.

로그인 확인, 비공개 데이터 저장, 결제 검증처럼 서버에서 해야 하는 일이 있으면 해당 기능을 지원하는 환경이 필요합니다. 화면에 입력창이 있다고 문의 내용이 어딘가에 저장되는 것은 아닙니다. 로그인 버튼도 실제 인증 서비스와 연결되어 있는지 확인해야 합니다. 정적 파일만 올린 상태에서 작동하지 않는 기능은 공개 전에 연결하거나 화면에서 범위를 명확히 설명하세요.

임시 주소로 먼저 배포하고 점검합니다

Cloudflare Pages의 Direct Upload는 미리 만든 배포 결과물을 올리는 방식을 지원합니다. 공식 안내는 Wrangler를 이용한 업로드와 대시보드의 업로드 경로를 설명합니다. 다만 프레임워크, 서버 기능, 배포 방식에 따라 가능한 구성이 달라지므로 자신의 프로젝트와 맞는지 확인해야 합니다. 다른 호스팅을 선택해도 결과물을 만들고 시험 주소로 확인한다는 흐름은 비슷합니다.

1. 원본 프로젝트를 백업하고 빌드 방법을 확인합니다.
2. 빌드 오류를 해결한 뒤 실제 배포 결과 폴더를 만듭니다.
3. 지원 조건에 맞는 호스팅에 결과물을 배포합니다.
4. 제공된 임시 주소에서 첫 화면과 하위 페이지를 열어봅니다.
5. 기능과 링크를 점검한 다음 도메인 연결을 진행합니다.

첫 화면만 정상이어도 하위 주소를 새로고침하면 오류가 날 수 있습니다. 메뉴를 눌러 이동한 뒤 주소를 복사해 새 창에서 다시 열어보세요. 이미지 경로의 대소문자와 파일 위치가 로컬 PC에서는 통과해도 배포 환경에서 문제가 될 수 있습니다. 문의나 예약 기능은 실제로 연결되는지 시험하되 불필요한 실제 주문이나 결제가 발생하지 않게 테스트 범위를 정합니다.

무료 플랜은 도메인과 추가 사용량을 나눠 봅니다

무료 호스팅을 선택해도 도메인 등록·갱신 비용은 별도일 수 있습니다. 빌드 횟수, 파일 크기, 요청 수, 저장 공간, 서버 함수, 데이터베이스 같은 항목도 플랜마다 다릅니다. 처음 결제 금액만 보지 말고 무료 한도를 넘었을 때 중단되는지 과금되는지 확인하세요. 상업적 이용 조건과 계정 정책도 공식 페이지에서 살펴야 합니다.

예산표에는 도메인, 호스팅, 저장소, 메일, 유료 외부 도구를 나누어 적습니다. 처음부터 모두 유료로 구성하기보다 현재 기능에 필요한 항목만 선택할 수 있습니다. 다만 ‘무료’라는 설명만으로 로그인이나 결제까지 비용 없이 운영된다고 가정하지 마세요. 방문자가 늘거나 기능을 추가했을 때 비용 구조를 다시 확인하는 것이 필요합니다.

도메인 연결 후에는 이 항목을 확인하세요

호스팅의 사용자 도메인 메뉴에서 주소를 등록하고 안내하는 DNS 설정을 적용합니다. 인증서가 발급되면 https 주소로 열리는지 확인합니다. 루트 도메인과 www를 함께 쓴다면 기본 주소를 하나로 정하고 다른 주소는 적절히 이동하도록 구성할 수 있습니다. 연결 반영에는 시간이 걸릴 수 있어 설정 상태와 실제 응답을 함께 살펴야 합니다.

• 휴대폰에서도 제목·메뉴·이미지가 잘리는 곳 없이 보이는가?
• 첫 화면과 대표 하위 주소, 없는 주소의 안내가 정상인가?
• 문의 링크와 필요한 기능이 실제 목적지로 이어지는가?
• 대표 주소·사이트맵·검색 수집 설정이 운영 목적과 맞는가?
• 비밀정보와 테스트 문구, 임시 개인정보가 공개되지 않았는가?

공개했다고 검색 결과에 즉시 나타나는 것은 아닙니다. 검색엔진이 접근할 수 있는 구조와 색인 가능 여부를 별도로 확인해야 하며, 노출이나 순위는 보장되지 않습니다. 운영을 시작한 뒤에도 원본 백업과 갱신 일정, 오류 확인을 관리하세요. 요청할 작업 범위를 정하는 방법은 AI 에이전트 활용 안내에서도 확인할 수 있습니다.