바이브코딩 학습 플랫폼

배우고,
만들고,
배포하세요.

바이브코딩을 처음부터 실전까지 배우고, 채팅으로 수정 흐름과 파일 변경 로그를 확인하면서 직접 만든 결과물까지 빠르게 완성해보세요.

Working Set

page.tsx

Hero + CTA

Summary

대화와 파일 변경 로그를 한 화면에 압축합니다.

page.tsx

+28

Hero + CTA

globals.css

+36

motion + button

hero-ai-demo.tsx

+94

chat showcase

Vidu AI Flow

질문을 받으면 수정 흐름과 파일 로그를 간단히 보여줍니다.

live log
CTA 버튼 가시성과 히어로 구성을 같이 정리해줘.
로딩 중

2개 파일 변경됨 +64 -20

실행 취소

apps/web/app/page.tsx

+28 -12

apps/web/app/globals.css

+36 -8

바이브코딩 학습

입문부터 실전까지

직접 만들기

AI와 함께 결과물 제작

바로 배포

링크로 즉시 공유

레벨 구조

입문부터 심화까지.

원하는 단계에서 바로 시작할 수 있습니다.

입문

첫 앱

1주

초보

기능 확장

2주

중급

제품 조립

3주

고급

완성도

3주

심화

대표작

4주

배포 화면

******.vidu.run

공개
링크 공개
비공개

링크 발급

1초

공개 설정

3가지

배포

만든 결과물을 바로 링크로 배포합니다.

공개 방식도 간단하게 설정할 수 있습니다.

학습 흐름

바이브코딩을 배우는 흐름을 한 제품 안에 담았습니다.

배우고, 만들고, 배포하는 과정이 자연스럽게 이어집니다.

01

배우기

02

만들기

03

배포하기

다음 공개 페이지

같은 톤으로
레벨, 가격, 온보딩으로 이어갑니다.