- 신영선의 AI탐구
- 조코딩 JoCoding
- CONNET AI LAB
- 편집자P
- 필로소피AI
- 코드팩토리
- 코난쌤
- 메타코드M
- 개발동생
- 메이커에반
- 바이브랩스
- 단테랩스
- 괴발자
- 홍정모AI
- 한빛미디어
- 칼퇴왕김과장N8N
- 퀀텀점프클럽N8N
- 짐코딩
- 시현의모험
- AI겸임교수 이종범
- AI ON
- 태오의실행비즈니스
- 오후다섯씨
- 코드깎는노인
- 데브남
- 스테판초 AI
- 빌더조쉬
- Claudical (클로디컬)
- 테크브릿지
- 실밸개발자
- Ai 서대표
- 일하는 Ai
- 시민개발자 구씨
- 일잘러 장피엠
- 이동훈의 루트ai
- 조태호교수
- 아는개발자 캐슬
- Jay Choi 인디해커
- 기술노트with일렉
- 제초초토크
- Ai IMPACT
- 오늘노트
- 알쓸신작 AI 이야기
- AI 튜터랩
- CODE DECK ★ 중요함
- 샘호트만 AI엔지니어
- 테디노트
- 경희대학교 SW사업단
- 강원대학교 SW사업단
- 지투지 AI STUDY
- 바퍼
- 소스놀이터
0 :조회수 · 22 May 2026
0 :조회수 · 22 May 2026
AI 사용해서 홈페이지 30분 자동 완성 (클로드 코드 활용)
0
0
0 :조회수·
22 May 2026
외주비 200만원?
이제 코딩 1도 몰라도 AI로 홈페이지 직접 만들 수 있습니다.
이 영상 하나로 기획부터 디자인, 백엔드, 배포, 보안까지
전 과정을 무료로 끝내는 방법을 알려드립니다.
0:00 인트로
1:16 전체 플로우 (6단계)
2:09 VS Code & 클로드 코드 설치
3:22 0단계: 클로드.MD 설정
4:25 1단계: AI 인터뷰 기획
7:52 2단계: 프론트엔드 디자인
11:59 3단계: 백엔드 (Supabase)
15:39 4단계: 배포 (Vercel)
19:07 5단계: 보안 체크리스트
21:19 마무리
🛠️ 사용 도구
- VS Code: https://code.visualstudio.com
- Claude Code: VS Code 확장 프로그램
- Supabase: https://supabase.com
- Resend: https://resend.com
- Vercel: https://vercel.com
- GitHub: https://github.com
#클로드코드 #바이브코딩 #AI홈페이지 #랜딩페이지 #1인사업
#노코드 #웹페이지만들기 #Vercel #Supabase #무료홈페이지
간략히
0 댓글
sort 정렬
0 :조회수 · 22 May 2026
0 :조회수 · 22 May 2026
