바이브코딩 6종 시리즈
시리즈 5/6
바이브코딩 ⑤ 실전수업
기획서 하나를 골라 실제 작동하는 웹앱으로 완성·배포
6~10차시API수업 수료자 · 웹앱 하나를 세상에 공개하고 싶은 사람👨💻 AI 페어 프로그래머
체험 실습4스텝 인터랙티브
지금 바로 손으로 해보기 →
입력 → AI 프롬프트 자동 완성 → 복사 · 결과물은 마이페이지에 저장
이 수업이 끝나면
기획수업에서 만든 설계도 10개 중 하나가 실제로 작동하는 웹앱이 된다
AI와 짝지어 코드 생성·에러 해결·커밋하는 한 사이클을 완주한다
Vercel에 배포된 나만의 URL을 가진다
수강생이 손으로 하는 것
1기획서 하나를 골라 파일 구조 잡기
2AI 페어와 대화하며 화면·기능·데이터 한 덩이씩 붙이기
3Git 커밋 → GitHub push → Vercel 자동 배포 → URL 공유
차시 구성
1
기획서 → 파일 구조
고른 기획서를 폴더·파일로 쪼개기, 첫 커밋
2
첫 화면 구현
마크다운 구조를 HTML/JSX로, 기본 스타일링
3
JSON 데이터 붙이기
기획서의 데이터를 실제 화면에 연결
4
AI 기능 붙이기
API수업에서 체험한 호출을 코드로 옮기기
5
에러와 싸우기
에러 메시지 읽는 법, AI에게 물어보는 법, 디버깅 루틴
6
세상에 공개
Vercel 배포 · 도메인 · 저작권 점검 · 쇼케이스
AI 역할 — 👨💻 페어 프로그래머
수강생이 원하는 기능을 말하면 코드 블록을 제안하고, 에러를 붙이면 원인과 다음 스텝을 짚어주는 페어 프로그래머. 수업 중 AI 비용 한도는 개인 키 기준으로 관리.
사용 도구
VS CodeGit/GitHubVercelAnthropic API기획수업 결과물
바이브코딩 ⑤ 실전수업 수강 · 기관 출강 문의
바이브코딩 6종 시리즈 통합 수강(28~38차시 (통합 수강 시)) 또는 이 수업 단독 수강 모두 가능합니다.