바이브코딩 · CLAUDE CODE · 전체 목차
실습으로 배우는 바이브코딩 with 클로드코드

AI에게 일을 시켜서
진짜 동작하는 프로그램을 만든다.

결과물 하나씩 — 홈페이지 · 배포 · API 페이지 · 방명록 · 자동화 · 문서 · 데스크톱 프로그램. 진도는 가능한 만큼, 순서대로.

구성8챕터 + 부록 + 치트시트
진도가능한 만큼 유연하게
방식결과물 중심 실습
슬라이드총 456장
CH 0101
세팅

바이브코딩 세팅

결과물: 내 PC의 바이브코딩 작업환경 완성. Claude Code 이해 · 설치 · 터미널·프롬프팅. 도구: Orca · Git · Claude Code.

54슬라이드
CH 0202
첫 결과물 + 배포

자기 홈페이지 만들고 배포하기

결과물: 인터넷 실주소로 배포된 내 홈페이지. 자기소개 페이지 제작 → 서버·localhost 개념 → 배포. 도구: Git · GitHub · Vercel.

42슬라이드
CH 0303
길들이기

Claude 길들이기

결과물: 4대 문법·운영 감각, 그리고 내 규칙·명령·알림을 갖춘 나만의 Claude. 도구: CLAUDE.md · 슬래시 · Hooks · 텔레그램.

94슬라이드
CH 0404
데이터

API와 반응형 웹페이지 개발

결과물: API로 만든 내 홈페이지 + 구글 로그인(배포). 도구: 공개 API · Plan Mode · Google OAuth · Vercel.

35슬라이드
CH 0505
상호작용

방명록 · 블로그 · 관리자

결과물: 로그인 방명록 + 블로그 + 나만 여는 /admin, 새 글은 텔레그램 알림. 도구: Supabase · 서브에이전트 · Vercel.

38슬라이드
CH 0606
디자인·문서

디자인 적용과 문서 작업

결과물: 내 디자인 시스템(DESIGN.md·뷰룸) + 코드 없이 만든 워드·엑셀·발표 PPT. 도구: DESIGN.md · 뷰룸 · MCP · 문서 스킬 4종.

37슬라이드
CH 0707
데스크톱

윈도우/맥 프로그램

결과물: 실행 파일 3개 — 투두리스트 · 주식 트레이딩(리더보드 경쟁) · 코인 차트 + 크롤링. 도구: Python · PySide6 · PyInstaller · Playwright.

52슬라이드
CH 0808
종합

미니프로젝트

결과물: 모든 도구를 쓴 각자의 작품 — 워크플로우·빌드·제출·회고 (발표는 원하는 분만). 도구: 전부.

48슬라이드
부록A
선택 심화

헤드리스 · 데이터와 AI

claude -p 스케줄 자동화 + 회귀로 숨은 함수 찾기. 도구: 작업 스케줄러/cron · Python.

39슬라이드
치트시트
요약

설치한 도구들 · 뭘 만들고 싶나요

끝난 뒤 꺼내 보는 요약 — 쓴 도구들이 어떻게 이어지는지 배선도로, 그리고 게임·자동화·예약·지도·결제·AI까지 다음에 만들 때 쓸 이름들.

17슬라이드