구글 AI 스튜디오로 3분 만에 무료 홈페이지 만들기: 왕초보를 위한 완벽 가이드|올씽워드프레스

홈페이지 하나 만들려면 수십만 원의 비용과 며칠 밤낮의 코딩 공부가 필요하던 시대는 끝났습니다. 구글의 최신 AI 도구인 구글 AI 스튜디오를 이용하면 클릭 몇 번과 간단한 문장 입력만으로 전문가급 웹사이트를 뚝딱 만들 수 있습니다. 지금 바로 아래 순서대로 따라와 보세요!

1. 시작하기: 구글 AI 스튜디오 접속 및 기본 설정

가장 먼저 구글 계정으로 로그인한 뒤, 제작 환경을 세팅해야 합니다.

구글 ai스튜디오:: https://aistudio.google.com/?hl=ko

1. 구글 AI 스튜디오 접속: 검색창에 'Google AI Studio'를 검색하거나 접속 후 Try Gemini 2.0 (또는 최신 모델)을 선택합니다.
2. 기획 프롬프트 작성: 첫 화면 하단 입력창에 아래 내용을 복사해서 본인의 정보에 맞게 수정해 넣으세요.

[입력 프롬프트 예시] 웹사이트 이름은 '나의 퍼스널 브랜딩'이고, 유형은 '강의 및 포트폴리오 랜딩페이지'야. 전체적인 배경은 검은색, 포인트 컬러는 보라색으로 설정해줘. 모든 텍스트는 한글 웹사이트 기준으로 작성하고, 섹션별로 세련된 문구를 넣어줘.

---

2. 핵심 단계: '빌드(Build)' 기능을 이용한 실제 사이트 생성

프롬프트만 입력한다고 끝이 아닙니다. 실제 웹사이트 형태로 '구현'하는 과정이 핵심입니다.

1. 내용 복사: 작성된 프롬프트 우측 상단의 Copy to clipboard 아이콘을 눌러 내용을 복사합니다.
2. 빌드 모드 진입: 상단 메뉴 중 Build 버튼을 클릭합니다.
3. 코드 생성: 나타나는 입력창에 복사했던 내용을 붙여넣고 다시 Build를 누릅니다.

• Tip: 약 3분 정도 기다리면 오른쪽 화면에 실제 작동하는 사이트가 나타납니다. Full Screen 버튼을 누르면 큰 화면으로 디자인을 미리 볼 수 있습니다.

---

3. 디테일 보정: 내 입맛에 맞는 디자인 수정법

AI가 만들어준 기본 디자인이 마음에 들지 않는다면, 마치 사람에게 말하듯 수정 요청을 보낼 수 있습니다.

1. 배경 이미지 교체: 비주얼 영역이 밋밋하다면 아래와 같이 입력하세요.

   비주얼 섹션 배경에 은은하고 감각적인 디자인을 살짝 깔아줘. 사용자가 마우스를 움직일 때 반응하는 인터랙션이 있어도 좋아.

2. 특정 이미지 사용: 무료 이미지 사이트(Unsplash 등)에서 가져온 링크를 주며 요청할 수도 있습니다.

   (이미지 링크 첨부) 이 느낌의 이미지를 메인 배경에 적용해줘. 기존 배경은 삭제해줘.

---

4. 고급 기능: 고객 문의를 받는 '무료 신청폼' 연동하기

홈페이지의 꽃은 방문자의 연락처를 받는 '신청폼'입니다. 폼스프리(Formspree)를 연동해 무료로 DB를 수집해 보세요.

1. 폼스프리 가입: Formspree 사이트에 가입하고 확인 메일을 인증합니다.
2. 새 폼 생성: New Form을 눌러 제목을 정하고 생성된 고유 URL 주소를 복사합니다.

3. AI에게 연동 요청: 구글 AI 스튜디오 왼쪽 프롬프트 창에 다음과 같이 입력합니다.

(복사한 URL 링크) 이 링크를 통해 웹사이트의 신청 데이터를 수집하고 싶어. 문의하기 버튼을 누르면 이 주소로 전송되게 코딩해줘.

👉👉 작업된 과정 보기 👈👈

• 테스트: 사이트에서 직접 정보를 입력하고 메일이 오는지 확인하면 끝입니다!
• 또는 네이버 톡톡으로 실시간 상담도 가능합니다.

 네이버 톡톡바로가기

이 포스팅은 쿠팡 파트너스 활동으로, 블로그제작에 도움을 제공합니다.

5. 고급 기능: 고객 결제 시스템 구축하기

이기능은 방문자가 일정에 따라 직접 강좌를 신청하고 결재하는 시스템을 구축하는 것입니다.  별도의 시스템을 통해서 카드나 다양한 페이등을 이요해서 결제를 마무리할 수 있습니다.

👉👉결제 시스템 구축하기 바로가기👈👈

클로징: 지금 바로 당신의 첫 홈페이지를 런칭하세요!

전문 디자이너와 개발자가 일주일 이상 매달려야 할 작업을 여러분은 단 3분 만에 끝냈습니다. 한글 깨짐 없이 완벽한 레이아웃과 데이터 수집 기능까지 갖춘 이 사이트는 여러분의 비즈니스를 한 단계 업그레이드해 줄 것입니다.

지금 바로 구글 AI 스튜디오에 접속해 첫 프롬프트를 입력해 보세요! 제작 중 막히는 부분이 있다면 댓글로 남겨주시면 상세히 답변해 드리겠습니다.

 네이버 톡톡바로가기