PART 1. 바이브 코딩으로 시작하는 홈페이지 제작 혁명
1-1. 홈페이지 제작의 판이 바뀌다
1-2. 바이브 코딩의 개념과 작동 방식
1-3. AI 개발 도구가 바꾸는 웹 제작 프로세스
1-4. 코딩을 몰라도 가능한 이유
1-5. 홈페이지 제작 전 알아야 할 웹의 기본 구조
1-6. 바이브 코딩에 적합한 홈페이지 유형
1-7. 실패하지 않는 AI 협업 마인드셋
1-8. 프로젝트를 시작하기 전 준비물
1-9. AI 개발 도구 선택 전략
1-10. 첫 번째 바이브 코딩 실습
PART 2. 기획과 디자인을 완성하는 실전 워크플로우
2-1. 목적이 분명한 홈페이지 기획
2-2. 타깃 고객 분석과 메시지 설계
2-3. 사이트맵과 페이지 구조 만들기
2-4. 콘텐츠 전략과 원고 작성
2-5. 브랜드 아이덴티티 정리
2-6. 디자인 레퍼런스 수집과 분석
2-7. UI와 UX를 이해하는 핵심 원칙
2-8. 색상과 타이포그래피 설계
2-9. 이미지와 아이콘 활용법
2-10. 반응형 디자인과 접근성
PART 3. AI와 함께 구현하는 홈페이지 핵심 기능
3-1. 랜딩페이지 만들기
3-2. 회사 소개 페이지 만들기
3-3. 서비스 소개 페이지 만들기
3-4. 문의 페이지와 상담 폼 만들기
3-5. 블로그와 콘텐츠 페이지 만들기
3-6. FAQ와 고객 지원 페이지 만들기
3-7. 회원가입과 로그인 기능 추가하기
3-8. 게시판과 공지사항 만들기
3-9. 예약 시스템 만들기
3-10. 결제와 쇼핑몰 기능 이해하기
3-11. 지도와 위치 정보 연동하기
3-12. 채팅과 고객 응대 기능 추가하기
PART 4. 배포와 성장 그리고 미래 전략
4-1. GitHub로 프로젝트 관리하기
4-2. Vercel과 Netlify로 배포하기
4-3. 도메인 연결과 SSL 적용
4-4. 성능 최적화와 유지보수
4-5. SEO와 검색 노출 전략
4-6. GEO와 AI 검색 최적화
4-7. 업종별 실전 프로젝트 사례
4-8. AI 웹 개발의 미래와 개인 창업 전략