How to Make a Website in 10 Minutes (using AI)

🖼️ 인포그래픽

🖼️ 4컷 인포그래픽

💡 한 줄 결론

How to Make a Website in 10 Minutes (using AI)를 중심으로, 생성부터 공개까지 한 도구에서 진행한다. 영상은 Hostinger의 AI 웹사이트 빌더로 사이트 생성, 수정, 호스팅, 도를 핵심 판단 포인트로 압축 정리한다.

📌 핵심 요점

1. 생성부터 공개까지 한 도구에서 진행한다. 영상은 Hostinger의 AI 웹사이트 빌더로 사이트 생성, 수정, 호스팅, 도메인 연결을 순서대로 보여준다. 코드를 직접 다루지 않고 자연어로 작업한다.
2. 첫 프롬프트에는 사업과 디자인 요구를 구체적으로 담는다. 사이트 종류와 사업명, 필요한 섹션과 역할, 색상과 분위기, 버튼 연결 주소를 설명한다. 음성 입력, 이미지·PDF 첨부, 설명 개선 기능도 활용할 수 있다.
3. 큰 수정은 채팅으로, 작은 수정은 직접 선택해서 처리한다. 채팅에서는 대상 섹션을 지정하고 한 번에 하나씩 요청한다. 문구·크기·사진은 ‘Select and edit’로 바꾸고 적용하며, 마음에 들지 않는 변경은 실행 취소하거나 이전 상태로 복원한다.
4. 실제 사업 정보 교체와 사용성 검토가 필요하다. 생성된 사진과 문구를 자신의 자료로 바꾸고 연락처·영업시간·주소를 확인한다. 공개 전에는 모바일 화면과 클릭 동작도 점검한다.
5. 요금 조건과 공개 이후 절차까지 확인한다. AI 수정 요청은 크레딧을 사용하며 큰 변경일수록 더 많이 소모한다. 영상에서는 12개월 이상 계약 시 도메인 첫해 무료를 안내하고, 도메인 등록 후 14일 이내 이메일 인증과 수정 후 재공개를 설명한다.

🧩 배경과 문제 정의

영상은 기술 지식이나 코딩 경험 없이도 사업 목적에 맞는 웹사이트를 만들고 인터넷에 공개하려는 사용자를 대상으로 한다. 사진가의 포트폴리오, 지역 음식점 사이트, 코칭 사업의 랜딩 페이지를 활용 예로 든다.

시연에는 Hostinger AI 웹사이트 빌더를 사용한다. 사용자가 원하는 사이트를 설명하면 AI가 초기 화면을 만들고, 이후 자연어 요청과 요소 직접 편집으로 다듬는다. 영상은 할인 링크를 안내하면서 가입부터 도메인 연결과 공개 이후 관리까지 설명한다.

🕒 시간순 섹션별 상세정리

1. 제작 목표와 서비스 가입

• 원하는 사이트를 설명해 AI로 생성하고, 자연어로 수정한 뒤 인터넷에 공개하는 전체 과정을 보여준다. 코딩이나 전문적인 프롬프트 작성 능력이 없어도 된다고 안내한다. [00:44]
• Hostinger 빌더가 AI 생성과 파일 호스팅을 함께 제공한다고 설명하고, 할인 링크를 통한 가입과 요금제 선택으로 넘어간다. [01:26]
• 더 많은 AI 크레딧을 이유로 Unlimited 요금제를 권한다. 48개월 계약의 할인과 12개월 이상 계약 시 도메인 첫해 무료 조건을 설명한 뒤 계정·결제 정보를 입력한다. [01:56]

2. 제작 방식 선택과 첫 프롬프트 작성

• 새 사이트 생성과 설명 기반 제작을 선택한다. 직접 배치하는 Manual 대신 크레딧을 사용하는 Agentic 방식을 고르고, 도메인은 우선 임시 주소로 진행한다. [02:40]
• 사이트 종류·사업명·섹션별 기능·색상·분위기·추가 요구와 버튼 연결 주소를 보여준다. 스무디 사업 예시를 보여주며 음성 입력, 이미지·PDF 첨부, 설명 개선 기능도 보여준다. [03:42]
• AI가 추가 질문을 하면 답하고 초기 생성을 기다린다. 코드가 작성되는 과정은 직접 다룰 필요가 없으며, 완성된 첫 결과물을 수정의 출발점으로 검토한다. [04:18]

3. 채팅 수정과 실제 콘텐츠 교체

• 채팅으로 수정할 때는 한 번에 하나씩, 대상 섹션을 명시해 구체적으로 요청한다. 팀 소개 페이지를 추가한 뒤 AI의 작업 요약과 실제 페이지를 확인한다. [05:25]
• 작은 변경에는 ‘Select and edit’를 사용해 문구와 크기를 직접 바꾸고 적용한다. 사진은 자신의 이미지를 올리거나 ‘Edit with AI’로 변경을 요청할 수 있다. [06:30]
• 생성된 내용을 꼼꼼히 검토하고 연락처·영업시간·주소를 실제 정보로 바꾼다. 예시 사이트에서는 샘플 영업시간 배너를 제거하고 실제 주소를 넣도록 안내한다. [06:54]

4. 복원 기능과 사용량·상점 관리

• 최근 변경은 실행 취소할 수 있고, 이전 메시지 시점으로 복원해 변경 전 사이트 상태로 돌아갈 수도 있다. [07:11]
• 변경 요청마다 AI 크레딧을 사용하며 큰 수정은 더 많이 소모한다. 응답별 사용량과 전체 잔여량·사용 내역을 확인하고 추가 구매 가격을 볼 수 있다. [07:40]
• 상점이 포함된 사이트에는 전자상거래 버튼이 나타나며, 대시보드의 상품 메뉴에서 상품 목록을 수정하고 관리한다. [07:54]

5. 모바일 점검과 공개·도메인 연결

• 공개 전에 모바일 화면을 살펴보고 클릭 동작을 확인한다. 필요한 수정을 마친 뒤 Publish를 눌러 게시하고 임시 도메인에서 사이트를 연다. [08:33]
• 원하는 도메인의 이용 가능 여부를 검색하고 등록한다. 짧고 기억하기 쉬운 주소와 가능하면 .com을 권하며, 첫해 무료 안내와 14일 이내 이메일 인증 절차를 보여준다. 연결 직후에는 작동까지 시간이 걸릴 수 있다. [09:23]
• 이후 수정은 빌더에서 진행하고 다시 게시한다. 도움말 에이전트, 프로젝트 생성·사이트 복제, 대시보드 재진입과 도메인 상태 확인 경로를 보여준 뒤 할인 링크를 재안내하며 마친다. [10:10]

🧾 결론

• AI가 만든 첫 결과물은 검토와 수정을 거쳐 완성할 출발점이다.
• 프롬프트에 구체적인 요구를 담고 변경을 하나씩 요청하는 방식이 영상의 핵심 작업 원칙이다.
• 사이트 제작에는 생성뿐 아니라 실제 정보 입력, 모바일 점검, 공개, 도메인 연결까지 포함된다.
• 공개 후에도 빌더에서 수정하고 다시 게시하며 사이트를 관리할 수 있다.

📈 투자·시사 포인트

• 소규모 사업자에게는 포트폴리오·음식점 사이트·코칭 랜딩 페이지를 직접 구축하는 방법으로 참고할 수 있다.
• 제작·호스팅·도메인을 함께 제공하는 구성은 작업 경로를 줄여준다. 서비스 선택 시에는 이 통합 구성과 계약 조건을 함께 비교필요가 있다.
• 초기 생성이 빨라져도 실제 사진·문구·사업 정보 준비와 검수에는 사용자의 시간이 들어간다.
• 이용 비용을 판단할 때는 최초 할인뿐 아니라 계약 기간, 도메인 무료 기간, AI 크레딧 사용량과 추가 구매 조건을 함께 살펴야 한다.

⚠️ 불확실하거나 확인이 필요한 부분

• 영상은 할인 링크와 Unlimited 요금제를 권하지만, 정확한 결제 금액·갱신 가격·크레딧 제공량은 제시하지 않는다. 현재 구매 화면에서 확인해야 한다.
• 제목의 ‘10분’은 모든 사이트의 완성 시간을 보장하지 않는다. 영상에서도 최초 생성과 수정에 각각 몇 분이 걸릴 수 있다고 설명한다.
• 도메인 무료 제공은 영상 기준 12개월 이상 계약의 첫 1년에 해당한다. 원하는 도메인의 이용 가능 여부와 실제 적용 조건은 별도 확인이 필요하다.
• 자막 기반 정리: 타임스탬프가 있는 자막을 기준으로 정리했으며, 고유명사·수치·인용은 원문 확인 필요 시 별도 검증한다.
• 영상 속 주장: 발표자의 해석·전망·비교는 확인된 외부 사실이 아니라 영상 속 주장으로 분리해 읽는다.
• 검증 필요: 수치, 기업 실적, 정책·시장 전망은 발행 전 최신 자료로 별도 검증이 필요하다.

✅ 액션 아이템

• 사이트 종류·사업명·섹션별 역할·색상·분위기·버튼 연결 주소를 정리해 첫 프롬프트를 작성한다.
• 계약 기간별 결제 조건, 도메인 혜택, AI 크레딧 제공량과 추가 구매 가격을 확인한다.
• 생성된 사진과 문구를 실제 자료로 교체하고 연락처·주소·영업시간을 점검한다.
• 수정은 대상 섹션을 명시해 하나씩 요청하고, 결과와 크레딧 사용량을 확인한다.

❓ 열린 질문

• 내 사이트에서 반드시 필요한 섹션과 연결 기능은 무엇이며, 이를 첫 프롬프트에 얼마나 구체적으로 설명할 수 있는가?
• 초기 제작과 반복 수정에 필요한 AI 크레딧은 어느 정도이며, 어떤 계약 기간이 실제 사용 계획에 맞는가?
• 공개 전 교체해야 할 사진·문구·사업 정보는 모두 준비되어 있는가?