AI로 홈페이지 만들기! 로그인/결제? 코딩 몰라도 됩니다. |🔥라이브 풀버전

끝까지 보시면 꿀팁 왕창 얻어갈 수 있답니당❣️
하단에 링크들 참고하세요!

🔥 코딩 1도 몰라도 홈페이지 만들 수 있어요
결제, 로그인, 노션 연동까지 전부!
AI에게 외쳐봅니다. 해줘!

이 영상에서 배우는 것:
✅ 구글 AI 스튜디오로 무료 홈페이지 만들기
✅ 클로드 코드로 결제·로그인 붙이기
✅ 노션 데이터베이스 연동 대시보드 만들기
✅ 배포까지 한 번에 끝내기


---

라이브 풀버전 타임코드 ❤️

00:00 💻 홈페이지 제작과 로그인 및 결제 기능 추가
01:03 🤖 바이브 코딩과 노션 AI 활용
09:48 🌐 구글 AI 스튜디오와 클로드 코드 활용
12:02 💳 결제 플랫폼과 AI 활용 방법
12:22 🌐 구글 AI 스튜디오를 활용한 사이트 제작
15:46 🛠️ 구글 AI 스튜디오의 특이한 기능과 활용 사례
18:27 💻 스플라인과 구글 AI 스튜디오 활용법
22:22 📋 홈페이지 제작을 위한 기획 및 체크리스트
26:23 🤖 AI를 활용한 데이터 정리 및 PRD 문서 작성
29:48 🤖 노션 AI의 활용과 추천
30:49 📝 홈페이지 기획과 AI 활용
33:20 📊 전환 퍼널 설계와 상세 기획
35:29 📄 노션 AI를 활용한 문서 생성 및 내보내기
39:08 🌐 구글 AI 스튜디오를 활용한 홈페이지 제작
42:51 💡 구글 AI 스튜디오의 한계와 활용 팁
45:54 💻 반영구 홈페이지 다운로드 및 작업 준비
46:53 🛠️ 클로드 코드와 개발 환경 설정
54:42 🌐 클로드 코드 활용 및 작업 예시
57:22 🖼️ 이미지 생성 및 교체 작업
58:02 🔑 구글 로그인 기능 구현
1:01:13 🌐 버셀과 구글 클라우드 콘솔을 활용한 프로젝트 배포
1:06:07 🔑 구글 로그인 설정 및 액세스 토큰 관리
1:09:37 🖥️ 로그인 구현 및 테스트
1:14:13 🚀 배포 및 환경 변수 설정
1:15:03 🤖 바이브 코딩과 자동화의 장단점
1:16:31 🖼️ 이미지 작업과 푸시 및 배포 과정
1:18:42 💳 결제 시스템 구현과 환경 변수 설정
1:25:00 💻 수파베이스와 버셀 사용 및 결제 관련 정보
1:25:48 📚 오프라인 수업 및 웹/앱 개발 관련 논의
1:31:44 🌐 노션 페이지를 웹 페이지로 전환하는 방법
1:36:04 📊 노션 데이터베이스와 API 연동 방법
1:42:49 💳 결제 선생과 매직 밀키트 활용법
1:45:58 🔗 노션과 결제 시스템 통합 및 마무리
1:47:20 🛠️ 플레이 라이트를 활용한 테스트 작업

---

[링크]

홈페이지 PRD 작성을 위한 체크리스트 [노션]
🎁 https://orot-ai.notion.site/PRD-2d7eb...

구글 AI 스튜디오
👉 https://aistudio.google.com/

3D 홈페이지 만들기(빌더 조쉬님 영상)
❣️    • 99%가 모르고 있는 제미나이 3.0으로 3D 웹사이트 만드는 방법 공개합니...  

#바이브코딩 #노션 #유튜브분석 #미리의시스템연구소 #구글ai스튜디오 #클로드 #클로드코드 #홈페이지제작 #자동화 #랜딩페이지 #ai #로그인 #결제기능