어디서도 이런 강의는 없었다!
바이브코딩 마스터를 위한, 바이브코딩의 모든 것을 다- 모은 강의

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

요즘 SNS에서 가장 핫한

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

비전공자도, 코드 한 줄 몰라도 아이디어를 ‘말’로만 뚝딱 서비스를 만드는 바이브코딩!
이젠 디자이너가 랜딩페이지 개발로 외주 수익을, 직장인이 SaaS 개발로 연 매출 N억 창업가로 ㅡ
여태 생각만 하던 현실 로 만들 수 있는 시대예요!

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

문과생도 직장인도 4050도
누구나 100일 후엔 바이브코더 로 다시 태어날 구성!

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

레벨별 & 카테고리별 치밀하게 짜여진
★ 프로젝트형 로드맵 ★
매일 하루에 30분 씩 재미있게 배워봐요!

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

1일 1프로젝트

누구나 초보자인 때가 있죠.
하지만 절대 포기하지 않도록, 비전공자 눈높이에 맞춰 알려드려요!

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
ImageSlide<span style="color:#681AF0;"> <b>[Day 1]</span><br> 프롬프트 1줄만으로 3D 비행기 게임 만들기 </b>
[Day 1]
프롬프트 1줄만으로 3D 비행기 게임 만들기
프롬프트 한 줄로 내 생각을 시각화 하는 경험을 쌓아요!
ImageSlide<span style="color:#681AF0;"> <b>[Day 2]</span><br> 단 1분 만에 3D 블럭 세계관 만들기 </b>
[Day 2]
단 1분 만에 3D 블럭 세계관 만들기
스케치로 게임을 만들며 창의력이 곧 결과물이 되는 경험을 해봐요!
ImageSlide<span style="color:#681AF0;"> <b>[Day 3]</span><br> 프로페셔널한 랜딩 페이지 만들기 </b>
[Day 3]
프로페셔널한 랜딩 페이지 만들기
사업에 바로 쓸 수 있는 멋진 웹페이지를 만들어봅시다.
ImageSlide<span style="color:#681AF0;"> <b>[Day 4]</span><br> 일상 공유 앱만들고 + 카메라 기능 붙이기 </b>
[Day 4]
일상 공유 앱만들고 + 카메라 기능 붙이기
익숙한 앱을 따라 만들며 카메라 기능을 붙여봅시다!
ImageSlide<span style="color:#681AF0;"> <b>[Day 5]</span><br> 노션 기반 블로그 만들고 + 애드센스 수익화 </b>
[Day 5]
노션 기반 블로그 만들고 + 애드센스 수익화
내가 쓰는 글이 돈이 되는 블로그를 만들어 봅시다.
ImageSlide<span style="color:#681AF0;"> <b>[Day 6]</span><br>  MBTI 형 테스트 + 쿠팡 파트너스 붙이기  </b>
[Day 6]
MBTI 형 테스트 + 쿠팡 파트너스 붙이기
재미있는 서비스 아이디어를 실현하고 수익화까지 해보아요!
ImageSlide<span style="color:#681AF0;"> <b>[Day 7]</span><br> 사주 테스트 만들고 + 결제 기능 붙이기 </b>
[Day 7]
사주 테스트 만들고 + 결제 기능 붙이기
재미있는 AI 서비스로 사람들을 모으고 결제까지 유도해봅니다.

* 생성형 AI를 활용한 결과물이기 때문에 강의의 실제 화면과는 일부 상이할 수 있습니다.

1주차에는 이렇게 바이브코딩으로 하루에 하나씩! 완성 할거예요!

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

처음부터 까만창에 커서만 깜빡이는 터미널 열고 “뭐부터 쳐야하지..?” 멘붕오지 않고,
차근차근 실력을 높일 수 있도록 치밀한 로드맵 을 설계했어요!

바이브코딩 기본기

자 이제 본격적으로 바이브코딩을 익힐 차례입니다.
Antigravity IDE 와 Claude Code CLI 로 확실하게 배워봅시다!

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

입문자 맞춤형 ㅣ 대모산개발단

Antigravity 바이브코딩으로 예쁜 결과물 만들기
입문자에게 친절한 UI의 현시점 원픽 IDE 구글의 Antigravity 로 시작해요. 일단 예뻐야 만들 맛이 나니깐?
바이브코딩으로 기획 → 코딩 → 수정하는 첫 경험부터 최고의 비주얼 조합을 배워봐요!

ImageSlide
ImageSlide
ImageSlide
ImageSlide<span style="color:#681AF0;"> <b>[Step 1] </span><br> 안티그래비티 설치 세팅부터 시작 </b>
[Step 1]
안티그래비티 설치 세팅부터 시작
AI 툴이 서툰 왕초보를 위해 설치부터 시작합니다.
ImageSlide<span style="color:#681AF0;"> <b>[Step 2] </span><br> 나노바나나 활용 청첩장 페이지 </b>
[Step 2]
나노바나나 활용 청첩장 페이지
Antigravity 핵심 기능 구현법을 연습하기 위해 청첩장 서비스를 만듭니다.
ImageSlide<span style="color:#681AF0;"> <b>[Step 3] </span><br> 스티치로 하이퀄리티 비주얼 웹 사이트 </b>
[Step 3]
스티치로 하이퀄리티 비주얼 웹 사이트
바이브코딩 결과물에서 AI 티를 없애기 위해 Stitch를 연결해 비주얼을 업그레이드 해봅시다.

입문자 맞춤형 ㅣ 대모산개발단

Claude Code 로 바이브코딩 완벽 뽀개기
현 시점 자타공인 바이브코딩 1황툴 Claude Code CLI ! 설치부터 막막했던 입문자라도,
따라올 수 있게 설명드릴게요! 프론트와 백엔드까지 하나의 서비스를 완성하는 경험을 쌓아보아요.

ImageSlideClaude Desktop App VS Code Extension VS CLI의 차이
Claude Desktop App VS Code Extension VS CLI의 차이
ImageSlideOpus, Sonnet, Haiku 모델 벤치마크 및 비용 비교
Opus, Sonnet, Haiku 모델 벤치마크 및 비용 비교
ImageSlideCLAUDE.md와 Claude Code의 메모리 구조
CLAUDE.md와 Claude Code의 메모리 구조
ImageSlideAgent Teams와 Subagent
Agent Teams와 Subagent
ImageSlide서비스 개발에 필요한 Skill 설정하기
서비스 개발에 필요한 Skill 설정하기
ImageSlideClaude Code 확장 생태계 알아보기(클코덱스 등)
Claude Code 확장 생태계 알아보기(클코덱스 등)
AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
ㅣ 프로젝트 핵심 기능
1. 유튜브 영상 자막 자동 추출 및 AI 요약 생성
2. 영상 기반 AI 챗봇 Q&A
3. SaaS 결제 시스템
ㅣ 학습 내용
· Supabase로 백엔드 구축하기
· 토스페이먼츠로 결제 시스템 연동하기
· SEO 최적화와 Google Analytics 연동하기
· Vercel로 배포하고 내 도메인과 연결하기

이번엔 내 도메인과 연결해서 진짜 '서비스' 를 완성할거예요!
런칭 후 SEO 최적화와 GA 연동으로 수익화까지 노려봅시다

웹 & 앱 프로젝트

자 이제, 수익형 웹앱부터 AI 기반 SaaS까지
총 6개 카테고리 의 프로젝트로 본격적으로 바이브코딩 Level UP

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

트래픽 & 수익형 웹앱

“조회수와 방문자를 돈으로 연결하는 웹 서비스를 직접 만들어봅니다.”
SEO 구조 설계, 애드센스/쿠팡파트너스 연동, 랜딩페이지 구성,
트래픽 분석까지 간단한 기능이라도 수익을 만드는 구조를 구현합니다.

대표 프로젝트
P1 | 수익형 블로그 자동화


수많은 사람들이 매일 구글에 정보를 검색합니다.
이때 애드센스와 쿠팡 파트너스 같은 현실적인 수익화 모델을 붙이고, 자동화로 꾸준히 글이 쌓이면서 돈이 쌓이는 구조를 만들어 검색 트래픽 → 수익으로 연결해 봅시다. 특히 Astro 프레임워크를 활용해 Markdown 기반의 SEO 친화적인 블로그를 만드는게 핵심입니다.
ImageSlide<span style="color:#B4BD00;"> <b>P2 |  </span>매거진 형 판매 사이트</b>
P2 | 매거진 형 판매 사이트
ImageSlide<span style="color:#B4BD00;"> <b>P3 |  </span>MBTI 테스트</b>
P3 | MBTI 테스트
ImageSlide<span style="color:#B4BD00;"> <b>P4 |  </span>사업자용 랜딩 페이지</b>
P4 | 사업자용 랜딩 페이지
ImageSlide<span style="color:#B4BD00;"> <b>P5 |  </span>노션 기반 수익형 블로그</b>
P5 | 노션 기반 수익형 블로그
ImageSlide<span style="color:#B4BD00;"> <b>P6 |  </span>부동산 중개수수료 계산기</b>
P6 | 부동산 중개수수료 계산기
ImageSlide<span style="color:#B4BD00;"> <b>P7 |  </span>연봉 실수령 계산기</b>
P7 | 연봉 실수령 계산기
ImageSlide<span style="color:#B4BD00;"> <b>P8 |  </span>세금 납부액 계산기</b>
P8 | 세금 납부액 계산기
ImageSlide<span style="color:#B4BD00;"> <b>P9 |  </span>TO-DO-LIST</b>
P9 | TO-DO-LIST

커뮤니케이션 & 인터렉션

“사람들이 직접 참여하고 공유하게 만드는 인터랙션 중심 서비스를 제작합니다.”
실시간 인터랙션 UI, 공유 기능, 카메라 기능, 사용자 입력 처리 등의 기능을 추가해
참여형 서비스의 핵심 구조를 구현합니다.

대표 프로젝트
P10 | 일상 공유앱 따라 만들기


친구들과 2초짜리 짧은 영상을 실시간으로 공유하는
요즘 Z세대 유행 앱의 핵심 기능을 따라 만들어봅시다. 시간대별 영상 로그, 카메라 기능, SNS형 피드 UI, 감성적인 기록 경험까지 구현하며
실제로 사람들을 ‘참여’하게 유도하는 것은 무엇인지 한 단계 깊이있는 기획 과정을 거칩니다.
ImageSlide<span style="color:#839700;"> <b>P11 |  </span>모바일 청첩장</b>
P11 | 모바일 청첩장
ImageSlide<span style="color:#839700;"> <b>P12 |  </span>사주 테스트</b>
P12 | 사주 테스트
ImageSlide<span style="color:#839700;"> <b>P13 |  </span>핸드 트래킹 인터랙티브 웹</b>
P13 | 핸드 트래킹 인터랙티브 웹

AI 기능 & SaaS

“LLM을 활용한 AI 기능으로 실제 서비스와 SaaS 구조를 경험합니다.”
Claude API, GPT API로 AI 기능 구현, 프롬프트 설계, 사용자 데이터 처리,
인증/조직/결제 시스템까지 서비스 개발 흐름을 익힙니다.

대표 프로젝트
P14 | 인터뷰메이트


간단한 서비스만 만들지 않아요!
여러 AI를 역할별로 사용하는 멀티 LLM 전략의
‘AI 면접 코치 서비스’를 프로젝트로 직접 구현합니다.
· Claude(면접 피드백 생성)
· Gemini(면접 질문 생성)
· ChatGPT(답변 채점)
각 LLM에게 역할별 프롬프트를 작성하고 하나의 서비스 플로우로 연결해 실제 AI SaaS가 동작하는 구조를 경험하게 됩니다.
ImageSlide<span style="color:#548C00;"> <b>P15 |  </span>AI 연봉 예측 서비스</b>
P15 | AI 연봉 예측 서비스
ImageSlide<span style="color:#548C00;"> <b>P16 |  </span>카카오톡 연애 분석기</b>
P16 | 카카오톡 연애 분석기
ImageSlide<span style="color:#548C00;"> <b>P17 |  </span>AI 면접 프로그램</b>
P17 | AI 면접 프로그램
ImageSlide<span style="color:#548C00;"> <b>P18 |  </span>컨텐츠 메이커 SaaS</b>
P18 | 컨텐츠 메이커 SaaS

자동화 & 생산성

“반복 작업을 줄여주는 실전형 자동화 도구를 개발합니다.”
크롬 확장프로그램 제작, 웹 스크래핑, Webhook 자동화, Slack/Notion 연동,
텔레그램 알림 시스템 등 업무 자동화 구조를 구현합니다.

ImageSlide<span style="color:#1FC443;"> <b>P19 |  </span>유튜브 요약 크롬 확장 프로그램</b>
P19 | 유튜브 요약 크롬 확장 프로그램
ImageSlide<span style="color:#1FC443;"> <b>P20 |  </span>쿠팡 리뷰 분석 크롬 확장 프로그램</b>
P20 | 쿠팡 리뷰 분석 크롬 확장 프로그램
ImageSlide<span style="color:#1FC443;"> <b>P21 |  </span>코인 알람 텔레그램 서비스</b>
P21 | 코인 알람 텔레그램 서비스
ImageSlide<span style="color:#1FC443;"> <b>P22 |  </span>회의록 에이전트</b>
P22 | 회의록 에이전트

라이프스타일 & 유틸리티 앱

“실생활에서 매일 사용할 수 있는 모바일 앱을 직접 만들어봅니다.”
날씨·식단·여행·리뷰·기록 기능 구현, 위치 기반 데이터 처리, 사용자 상태 관리, 앱 UI/UX 설계 등
생활밀착형 앱 개발 경험을 쌓습니다.

ImageSlide<span style="color:#0EB87F;"> <b>P23 |  </span>맛집 리스트 앱</b>
P23 | 맛집 리스트 앱
ImageSlide<span style="color:#0EB87F;"> <b>P24 |  </span>여행 플래너 앱</b>
P24 | 여행 플래너 앱
ImageSlide<span style="color:#0EB87F;"> <b>P25 |  </span>식단 관리 앱</b>
P25 | 식단 관리 앱
ImageSlide<span style="color:#0EB87F;"> <b>P26 |  </span>미세먼지 알림 앱 </b>
P26 | 미세먼지 알림 앱
ImageSlide<span style="color:#0EB87F;"> <b>P27 |  </span>기분 일기 앱</b>
P27 | 기분 일기 앱
ImageSlide<span style="color:#0EB87F;"> <b>P28 |  </span>오늘의 운세 앱</b>
P28 | 오늘의 운세 앱

게임 & 엔터테인먼트

“재미와 몰입감을 만드는 인터랙티브 콘텐츠와 게임을 제작합니다.”
드래그 인터랙션, 점수 시스템, 게임 로직, 애니메이션 처리, 3D 월드 생성 등
엔터테인먼트형 서비스 제작 과정을 경험합니다.

ImageSlide<span style="color:#24C6DC;"> <b>P29 |  </span>알바의 신 아케이드 게임</b>
P29 | 알바의 신 아케이드 게임
ImageSlide<span style="color:#24C6DC;"> <b>P30 |  </span>돈 버는 수족관 - 앱인토스</b>
P30 | 돈 버는 수족관 - 앱인토스
ImageSlide<span style="color:#24C6DC;"> <b>P31 |  </span>머지 동물원</b>
P31 | 머지 동물원
ImageSlide<span style="color:#24C6DC;"> <b>P32 |  </span>3D 비행기 게임</b>
P32 | 3D 비행기 게임
ImageSlide<span style="color:#24C6DC;"> <b>P33 |  </span>3D 블럭 게임</b>
P33 | 3D 블럭 게임

스크롤 내리기 힘들만큼 수 압도적인 프로젝트
여러 강의 사모을 바엔, 이 강의 딱 하나 만 사세요!

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

*위 관심있는 파트를 클릭하면 해당 파트 상세 섹션으로 이동합니다!

웹 & 앱 프로젝트

만드는 법이 아니라 ‘버는 법’ 을 가르칩니다
출시 이후 ‘마케팅·운영·개선’ 이 얼마나 중요한지! 찐 경험과 노하우로 알려드려요!

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

앱인토스트 23개 런칭

로빈님 한마디
앱인토스(Apps in Toss)는 토스 앱 안에서 동작하는 미니앱 플랫폼입니다. 유저는 별도 설치 없이 토스 앱 안에서 바로 미니앱을 사용할 수 있고,
개발자는 앱스토어/플레이스토어 심사 없이 앱인토스 콘솔을 통해 출시할 수 있어요.
특히 3천만 토스 유저 라는 거대한 사용자 풀 위에 올라타는 구조는 정말 매력적입니다.

ㅣ로빈님의 한마디 더 자세히 보기
대부분의 바이브코더가 실패하는 공식이 있어요. '아이디어 → 개발 → 출시 → 누가 쓰지? → DAU 한 자릿수'. 저도 똑같은 실패를 겪었습니다.
어떤 앱은 DAU 18명에서 끝나고, 어떤 앱은 DAU 75,370명까지 갔어요. 이 차이는 코딩 실력이 아니라 '유저와의 첫 접점부터 역설계해서 기획했느냐' 였습니다.
근데 앱인토스는 비개발자에게 가장 큰 진입장벽이었던 "유저 모으기"가 거의 해결돼요.


앱인토스는 다음 3가지 광고를 조합하는 구조입니다.
배너 광고 : 하단 고정형. 컨텍스트 무관하게 자연스럽게 달림. 최근 도입되어 수익이 안 나던 앱들도 살리는 구조
전면형 광고 : 타이밍이 전부. 완성·결과 직후가 골든 타임
보상형 광고 : 강요 아닌 선택

그리고 교과서적 이론이 아니라, 제가 30개 앱을 출시하며 쌓은 실제 데이터를 다 보여드립니다.
"1원 vs 9원 vs 20원 A/B 테스트에서 9원이 이긴 이유" 같은 건 책에 안 나오니까요!

layout-205-image-carousel
layout-205-image-carousel
layout-205-image-carousel

100번 강조해도 부족한
수익화의 핵심 “메시지 퍼스트” 전략 5단계 는 웹/앱/인앱 어디서나 적용 가능!

ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

23개 앱 출시 경험에서 나온 실제 DAU/CTR/eCPM 데이터로
실전 수익화 방법을 알려드릴게요!

바이브코더를 위한 보안

비전공자가 바이브코딩으로 만든 서비스도
기본적인 필수 보안 은 꼭! 지킬 수 있도록! 보안 전문가가 직접 가르쳐드릴게요!

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

보안 전문가

테이텀님 한마디
바이브코딩으로 서비스 만드는 사람은 폭발적으로 늘어나는데,
정작 보안을 다루는 강의는 다 개발자나 보안 전문가용인 현실의 갭을 매우기 위해 실용적인 보안 강의를 준비했습니다.

이 강의는 '해킹 기법을 가르치는 강의'가 아니라, 비전공자가 자기 손으로 만든 서비스를 ‘실제로 운영할 수 있는 수준’까지
단단하게 만드는 법을 다룹니다. 이론보다 내 서비스에 바로 적용할 수 있는 체크포인트 중심로요!

ㅣ테이텀님 한마디 더 자세히 보기
이 강의는 '카톡 연애 분석기'라는 실제 서비스를 처음부터 끝까지 만드는 흐름에 보안을 그대로 녹였습니다.
1. Lovable로 UI를 만들 때 → 노코드 보안을
2. 프로젝트 구조를 잡을 때 → 시크릿 관리를
3. DB를 설계할 때 → 개인정보·파일 업로드 보안을
4. LLM을 붙일 때 → 프롬프트 인젝션과 비용 폭탄을
5. 인증·결제를 붙일 때 → RLS·JWT·결제 위변조 방어를
개발하다가 자연스럽게 부딪히는 자리에서 그 보안 이슈를 모두 다룹니다.

특히 결제 파트에 가장 많은 분량(12개 클립)을 할애했는데, 실제로 비전공자 서비스에서 가장 크게 터지는 사고가 결제 위·변조이기 때문입니다.
마지막 챕터에서는 흩어져 있던 원칙들을 신뢰 경계·최소 권한·서버 사이드 검증 같은 레이어별 체크리스트로 묶어서,
다음 프로젝트에도 그대로 가져다 쓸 수 있게 마무리 해봅시다.

ㅣ흥미진진한 카톡 연애 분석기 프로젝트 를 만들며 [구현-보안] 5단계로 배우는 보안 실전!

ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

보안 강의라고 '이론 따로, 실습 따로' 구조로 짜면 비전공자는 끝까지 못 따라와요!
바로 써먹을 수 있도록 알려드릴게요 :)

해커톤 10회 우승자

정진협님 한마디
바이브코딩으로 서비스 만드는데 익숙해지셨나요? 그럼 다음 목표로 해커톤 우승은 어떠실까요?
이 강의는 실제 해커톤의 시간 순서를 그대로 따라가도록 ‘가상 해커톤’을 설계했습니다.

대회를 고르고, 주최사가 원하는 걸 역추적하고, 아이디어를 잡고, 팀을 만들고,
제한 시간 안에 MVP를 바이브코딩으로 만들고, 심사위원 앞에서 5분 안에 설득하는 것
제가 5년간 반복해온 해커톤 실전 루틴을 하나의 흐름으로 따라할 수 있게 구성했습니다.

ㅣ정진협님 한마디 더 자세히 보기
해커톤은 대회를 고르는 순간부터 발표가 끝나는 순간까지가 하나의 흐름입니다.

· 챕터 1(인트로)에서 해커톤의 구조를 이해하고 본인에게 필요한/유리한 대회를 고릅니다.
· 챕터 2(예선)에서 아이디어 선정, 주최사 분석, 팀 빌딩까지 사전 준비를 마칩니다. 여기까지가 현장에 도착하기 전 단계인데, 
제 경험상 해커톤 승패의 대부분은 이 준비 단계에서 갈리기 때문에 별도 챕터로 분리했습니다.
· 챕터 3(개발)과 챕터 4(발표)는 본선 현장입니다. 바이브코딩으로 MVP를 만들고, 심사위원을 설득하는 발표를 준비합니다.

"인터뷰메이트(AI 면접 코치)"라는 관통 프로젝트를 직접 만들면서 따라올 수 있도록 구성했습니다.
· 챕터 5(미니 해커톤)는 배운 걸 본인만의 주제로 적용하고 AI 심사위원에게 실제 평가받는 실습입니다.

특히, 해커톤에서 ‘잘 만든 서비스’와 ‘수상하는 서비스’는 다릅니다.
현장에서 보면, 기술적으로 훨씬 복잡한 서비스를 만들고도 수상하지 못하는 팀이 많습니다.
개발이 아니라 설득의 관점에서 해커톤을 풀어야 수상할 수 있기 때문입니다. 이번 강의에서는 그 방법을 중점적으로 담았습니다.

🏆 하나의 흐름으로 경험하는 5단계 가상 해커톤 프로젝트 🏆

ImageSlide<span style="color:#FFE900;"> <b>[Step 1] 해커톤 탐색 & 선택</span> <br> <span style = "font-size:16px; "> 유리한 대회를 발빠르게 찾는법 </span> </b>
[Step 1] 해커톤 탐색 & 선택
유리한 대회를 발빠르게 찾는법
① OKKY · 데브이벤트 · 데이콘 · 온오프믹스 등에서 
본인 강점에 맞는 대회를 빠르게 선별
② 팀원 필요시 링커리어 · 올라IT · 인프런에서 모집 ▶ 4가지 유형 중 비개발자에게 유리한 대회는 무엇?
ImageSlide<span style="color:#FFE900;"> <b>[Step 2]아이디어 & 팀 빌딩</span> <br> <span style = "font-size:16px; "> 사전준비가 예선의 절반 </span></b>
[Step 2]아이디어 & 팀 빌딩
사전준비가 예선의 절반
① 아이디어 발굴(불편러 프레임워크)
② TPO 타겟팅(드림팜 사례)
③ 팀 빌딩(R&R 분배)
④ 컨센서스(기획안 리뷰 영상)
ImageSlide<span style="color:#FFE900;"> <b>[Step 3] 바이브코딩 MVP 개발</span> <br> <span style = "font-size:16px; "> 프롬프트 하나로 24시간 안에 MVP </span></b>
[Step 3] 바이브코딩 MVP 개발
프롬프트 하나로 24시간 안에 MVP
① Antigravity & Claude Code
② 스펙 다이어트 + Wow 포인트 설계
③프롬프트 캐싱 80% 절감
여러 LLM의 강점을 분배해
▶ 발표 대본 + PPT 3장 + 시연 GIF 제작
ImageSlide<span style="color:#FFE900;"> <b>[Step 4]AI 발표 자료 & 발표 전략</span> <br> <span style = "font-size:16px; "> AI로 1시간 안에 발표 자료 완성 </span></b>
[Step 4]AI 발표 자료 & 발표 전략
AI로 1시간 안에 발표 자료 완성
① Gemini로 데이터 분석 + Claude로 대본 초안 + ChatGPT로 슬라이드 구성
② 단 스토리텔링 구조와 Q&A 유도 전략
▶ 발표 대본 + PPT 3장 + 시연 GIF 제작으로 심사위원 홀리기
ImageSlide<span style="color:#A0FF47;"> <b>[Step 5]</span> <br> <span style = "font-size:16px; "> 실전처럼 평가받고 다듬기 </span></b>
[Step 5]
실전처럼 평가받고 다듬기
① 기술 · BM · UX 3관점의 AI 심사위원이 자동 평가
② 점수 + 피드백 + 백분위 + 추천 다음 대회까지
③ 진짜 해커톤 직전 마지막 점검 및 마무리

단순히 해커톤이 ‘뭔지’ 알려드리는 수업이 아니라,
실제 해커톤 흐름을 따라 ‘실습’을 진행하며 노하우를 전수합니다!

ImageSlide기획안 리뷰 영상으로 팀원 비동기 정렬
기획안 리뷰 영상으로 팀원 비동기 정렬
ImageSlide안티그래비티로 시선을 사로잡는 시연화면부터 띄우기
안티그래비티로 시선을 사로잡는 시연화면부터 띄우기

Build in Public

1인 개발자, 창업가가 할 수 있는 가장 확실한 마케팅
Puild in Public 방식으로 완성하는 SaaS 프로젝트 까지!

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

토스 출신 창업가

바이브맛피아님 한마디
여러분, "Build in Public" 이라고 들어보셨나요?
프로젝트를 만드는 과정을 실시간으로 SNS에 공유하고 이를 통해 팬을 만들어서 서비스를 자연스럽게 마케팅하는 방식입니다.
이번 강의를 통해 저의 'Build In Public' 노하우를 실전적인 경험과 함께 소개드리겠습니다.

또한 서비스를 성공시키기 위해서는 두가지가 가장 중요한데요, '사람들이 원하는 것'을, '높은 완성도'로 만들어야합니다.
사람들이 어설픈 서비스에 절대 결제하지 않거든요!
이번 강의에서는 높은 디자인 완성도로 버그없이 서비스를 구현하는 방법 또한 중점적으로 담았습니다.

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
ImageSlide
ImageSlide

↓ 바이브맛피아 강사님의 OT 영상을 먼저 확인하세요! ↓

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

놀랍게도 여기서 끝이 아니에요!

혹시 프로젝트만 많고, 이론은 부족하지 않을까’ 걱정하실까봐~

AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링

까지 놓치지 않았어요!

01 왕초보용 부록

바이브코딩이 뭔데? 코딩의 ㅋ도 몰라도!
바이브만 있다면 4050도 따라올 수 있도록 강사님과 준비했어요!

ImageSlide<span style="color:#A0FF47;"> <b>[부록 A]</span> 최소한의 CS 지식</b>
[부록 A] 최소한의 CS 지식
본 강의 시작 전에 가볍게 보시는 것을 강력 추천!
(부록 파트: 1차 오픈 예정)
ImageSlide<span style="color:#A0FF47;"> <b>[부록 B]</span>Git/GitHub 비개발자 쉽게 배우기</b>
[부록 B]Git/GitHub 비개발자 쉽게 배우기
웹+앱 프로젝트 파트를 진행하면서 함께 보시는 것을 추천!
(부록 파트: 1차 오픈 예정)
ImageSlide<span style="color:#A0FF47;"> <b>[부록 C]</span>바이브코딩 삽질을 줄이는 꿀팁 10가지</b>
[부록 C]바이브코딩 삽질을 줄이는 꿀팁 10가지
AI가 이상한 코드를 만들어낼 때마다 들어보시는 것을 추천!
(부록 파트: 1차 오픈 예정)

02 최신 트렌드

클로드, 코덱스, 하네스 엔지니어링..?
바이브코더라면 놓치지 말아야 할 최신 트렌드까지 싹~다!

ImageSlide시중의 하네스 엔지니어링 강의 죄-다 개발자용이라 1나도 이해가 안되셨나요? 비개발자가 하네스 엔지니어링을 적용하려면 어떻게 해야할지 알려드릴게요! <br> (부록 파트: 최종 오픈 예정)
시중의 하네스 엔지니어링 강의 죄-다 개발자용이라 1나도 이해가 안되셨나요? 비개발자가 하네스 엔지니어링을 적용하려면 어떻게 해야할지 알려드릴게요!
(부록 파트: 최종 오픈 예정)
ImageSlide요즘 HOT 한 ‘클로드 디자인’, 프로젝트에 알차게 써먹어볼까요? 카카오 연애 분석기 프로젝트는 클로드 풀스택으로 만들어봅시다! <br>  (보안 파트: 3차 오픈 예정)
요즘 HOT 한 ‘클로드 디자인’, 프로젝트에 알차게 써먹어볼까요? 카카오 연애 분석기 프로젝트는 클로드 풀스택으로 만들어봅시다!
(보안 파트: 3차 오픈 예정)

놀랍게도 여기서 끝이 아니에요!
클로드에 올인 한 분들을 위해 준비한 특별한 이벤트 - ★

글로벌 트렌드 1위, Claude 만 제대로 파도
바이브코딩 + 자동화 + 에이전트 올킬할 수 있어요!

Claude Code는 기능이 너무 많습니다.
공식 문서만 110여 개, 매주 업데이트됩니다.
제대로 쓰려면 어디서부터 봐야 할까요?
코드 작성, 디버깅, 리팩토링, PR 생성, 배포까지 
꼼꼼하게 정리된 이 가이드가 그 답입니다.

2026년 5월 기준 위키독스 2위, Yes24/알라딘/교보문고에서 9천원에 판매 중인
‘클로드 코드 가이드’ E-book 을 [바이브코딩+클로드 패키지 상품 구매시]
선착순 200분께 무료로 제공합니다.


이벤트 상세 내용
· 대상: [전자책 증정] [MUST HAVE 마스터 팩 : 바이브코딩 X 클로드 코드] 패키지 상품 구매, 선착순 200명
· 이벤트 기간: 2026. 05. 11 ~ 2026. 06. 30 (선착순 마감시 조기 종료)
· 제공일: 2026. 06. 30 (전자책 강의 내 업로드 될 예정)
AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
AI,antigravity,base44,Claude Code,claudecode,harness,Lovable,vibe coding,결제,결제기능,결제시스템,기초,나노 바나나,나노바나나,랜딩 페이지,랜딩페이지,러버블,바이브 코딩,바이브코딩,비전공자,안티그래비티,오픈클로,왕초보,초보,클로드,클로드코드,하네스,하네스 엔지니어링
ImageSlide
ImageSlide
ImageSlide

패키지로 구매하면 위 커리큘럼과 전자책을 모두 한 번에 평생소장할 수 있어요!

비교 불가 51개 프로젝트! 안티그래비티 X 클로드 코드로 무장한 MUST HAVE 마스터 팩, 바이브코딩의 모든 것을 담은 패키지
가격1,329,000
할인 판매가72% 할인360,000
12개월 할부월 30,000원

두 개 강의를 모두 들으면 [클로드 코드] 확실하게 마스터할 수 있어요!
패키지는 특별히 20% 할인가에 구매가능!

강의 시장 생태계 파괴해서 죄송합니다. (미리 다른 강의 구매하셨다면 죄송합니다.)
바이브코딩에 ‘진심’이라 하나하나 꼭 필요한 거만 담았는데도 이렇게 됐어요...!
그래도 가격은 20만원대 약속드릴게요!!!

초격차 & 가성비

약 55시간 분량의 완성도 높은 강의
가격은 타사 대비 1/5 저렴하게!

ImageSlide
ImageSlide
ImageSlide
ImageSlide

총 55시간! 바이브코딩 마스터로 거듭나는
초-격차 구성의 Must Have 패키지 강의가 월 2만원대

*2026년 5월 런칭가 기준

초격차 & 가성비

단독 강사님들을 모두 모아 패키지 강의로!
모두 다 국내 ‘바이브코딩’계 최전선 에 계신 분들이에요

ImageSlide
ImageSlide
ImageSlide
ImageSlide
ImageSlide

스레드에서 깊은 인사이트를 나눠주시는 강사님들을
하나의 강의에서 모두 만나볼 수 있어요!

Question 1
코딩 1도 모르는 비개발자도 진짜로 가능할까요?
네! 여러분을 위해 만든 강의입니다.

사실 저희가 작년부터 비개발자분들 1000명 넘게 가르쳐 봤거든요. 코딩 한 줄도 안 쳐본 분들이 첫날에 바로 본인이 만들고 싶었던 웹페이지 하나는 띄워요. 예전 같으면 오프라인 학원, 부트캠프 다니면서 몇 달 걸렸을 일이, 지금은 단 하루만에 진짜 됩니다.

이번 강의는 코드를 가르치는 게 아니라, AI한테 어떻게 시켜야 내가 원하는 게 나오는지 가르치는 강의예요. 그게 바이브코딩의 핵심이구요!
아무것도 모르던 분들도 바이브코딩 역량을 키울 수 있는 탄탄한 로드맵을 설계했습니다!

Question 2
바이브코딩이라는 단어는 많이 들리는데,
아직 시작하지 못한 분들이 많은 이유는 무엇이라고 보시나요?
저는 사람들이 시작을 못 하는 이유가, 실력 부족이라고 생각하지 않습니다.
그보다는 뭘 먼저 해야 할지 모르는 쪽에 가깝다고 봐요.

유튜브에 바이브코딩 검색하면 영상 진짜 많잖아요. Claude Code 영상 보고, 안티그래비티 영상 보고…  맨날 나중에 볼 영상에 추가, 북마크에 추가하고..
근데 정작 어떤것부터 시작 해야할지 모르는 상태이신 분들이 많은 것 같애요.

그래서 이번 강의에서는 전체적인 로드맵을 제시해줍니다.
"1일차에는 뭘 깔고, 2일차에는 뭘 만들고, 어디까지 가야 하는지"를 알려드리는 강의입니다. 그래서 “나도 해보고싶다” 막연하게 생각만하고, 아직 시작하지 못하신 분들이
“이젠 정말로” 시작할 수 있게 도와드리겠습니다!

Question 3
이번 강의에서는 어떤 툴을 다루나요?
사실 이제 도구를 뭘 쓰는지 크게 중요하지 않다고 봐요.
도구는 진짜 매년 바뀌거든요. 작년에 Cursor 핫했다가 올해는 Claude Code가 핫하죠.

또 Antigravity 나오고 .. 이렇게 매번 도구만  따라가다가 지치는 분들 많아요. 

중요한건 툴을 뭘 쓰냐, 코드를 잘 짜냐가 아니라, "어떤 문제를 해결할지 정의하는 능력"이에요. 어떤 문제가 진짜 문제인지, 그걸 풀 도구는 어떤 게 맞는지. 바이브코딩도 결국 여러 도구 중 하나일 뿐이에요. 바이브코딩 잘하는 사람은 하나의 도구에 국한되지 않고, 문제를 정의하고 해결해나가는 사람입니다.

그 역량을 키우기 위해, 이번 강의는 일부러 많이 만지게 했어요. Claude Code, Antigravity, Cursor, Base44, Lovable… 100일 동안 30개 다른 서비스를 만들면서 도구를 갈아끼웁니다. 다 깊게 파자는 게 아니에요. "이럴 때는 이 도구를 쓰면 되겠구나" 하는 감을 만드는 거예요. 그러고 나면 새 도구가 나와도 빠르게 익힐 수 있을 거예요!

시간이 지나고 나서도 Outdated 되지 않는 역량을 키워가세요!

[참고: 사용 툴 목록]
· 메인: Claude Code
· 그 외 : Cursor AI, Antigravity, Lovable, Base 44, AI Studio, Figma 등

Question 4
이제는 바이브코딩 강의가 정말 많은데,
이 강의가 다른 강의랑 결정적으로 다른 게 뭔가요?
보안이랑 해커톤이랑 앱인토스 마케팅.

이 세 개를 같이 담은 바이브코딩 강의는 시장에 없거든요. 사실 이게 다 막상 만들고 나서 부딪히는 현실 문제들이에요.
“배포했더니 API 노출되면 어떡하지? 앱 냈는데 다운로드 0이면 어디서 알려야 하지? 해커톤 나가고 싶은데 뭘 준비해야 하지?” 이런 고민이 들 때마다 볼 수 있도록, 이번 강의에 모두 담았습니다.

그리고 무엇보다, 출시까지 가기 위한 여정을 초보자도 차근차근 따라할 수 있도록 하루에 30분씩 100일이면 가능한 로드맵에 담았다는 거예요!
결국 강의를 따라만 오시면 됩니다.

Question 5
수강을 고민하는 분들한테 마지막으로
한마디 해주신다면?
고민하면서 보내는 시간이 사실 가장 비싸요.
이 강의를 살까 말까 일주일 고민하면,
그 일주일 동안 Day 1~Day 7의 결과물 7개가 안 만들어집니다. 
그게 가장 큰 비용이에요.

55시간에 바이브코딩의 모든 것을 담은 강의,
타 사 어디를 찾아보시더라도 이런 커리큘럼은 없을 거예요!
진짜 바이브코딩에 ‘미친’ 사람이 기획하고 만든 강의이니 믿고 따라와주세요 :)
해당 강의에서 사용되는
유료 TOOL을 안내드립니다. (26. 05 기준)
· Claude Code Pro ($20) 혹은 Max ($100) 플랜 권장
· Cursor $40 Pro 2주 무료 체험 권장
· Antigravity Google AI Pro 29000원 권장
· Base44 $40 Builder 플랜 권장
· 그 외 툴은 무료 버전이나 체험기간 내에서 진행해도 무리가 없습니다.
모든 프로그램은 제공해드리지 않습니다.

* 툴이나 프로그램 사용 환경과 버전 업데이트에 따라, 강의 내 화면(UI) 구성이나 기능이 실제 수강 시점과 다를 수 있습니다.
* 본 강의는 촬영 시점의 버전을 기준으로 학습 흐름과 개념 전달에 중점을 두었으며, 이후 버전 업데이트에 따른 내용 수정이나 추가는 제공되지 않습니다.
* 강의에서 안내되는 AI 툴의 무료 크레딧 제공 여부 및 요금제 가격은 각 서비스 제공사의 정책에 따라 변경되거나 종료될 수 있습니다. 이용 전 반드시 해당 서비스의 최신 정책 및 요금을 확인해 주시기 바랍니다.
[Must Have] 바이브코딩 100일 챌린지: 하루에 30분씩 33개 프로젝트 마스터!
정가690,000
할인 금액(-62%) 430,000
현재 판매가260,000

월 21,667원

* 12개월 무이자 할부 시
[전자책 증정] MUST HAVE 마스터 팩 : 바이브코딩 X 클로드 코드
정가1,329,000
할인 금액(-72%) 969,000
현재 판매가360,000

월 30,000원

* 12개월 무이자 할부 시
[Must Have] 바이브코딩 100일 챌린지: 하루에 30분씩 33개 프로젝트 마스터!
정가690,000
할인 금액(-62%) 430,000
현재 판매가260,000

월 21,667원

* 12개월 무이자 할부 시