실습으로 배우는 바이브코딩 with 클로드코드 · 2장
2장 — 자기 홈페이지 만들고 배포하기
결과물 — 인터넷 실주소로 배포된 내 홈페이지. Claude와 대화하며 자기소개 페이지를 만들고, 서버·localhost 개념을 잡은 뒤 Git 안전벨트 → GitHub → Vercel로 세상에 공개합니다. 도구: Claude Code · Orca · Git · GitHub · Vercel.
DECK 1
자기소개 페이지
Claude에게 나를 인터뷰시켜 콘텐츠를 뽑고 — HTML 자기소개 페이지 제작. 톤 변주·디자인 변주로 "시키는 만큼 달라지는" 경험까지.
12 슬라이드 →
DECK 2
Git 기초
코드의 시간여행 장치 Git — AI가 파일을 고치는 시대의 안전벨트. init·status·add·commit·restore 다섯 명령, GitHub 가입, "커밋해줘" 한마디로 AI에게 git 시키기까지.
18 슬라이드 →
DECK 3
Vercel 배포
서버·localhost·포트 개념부터 — 왜 Vercel인가. GitHub 저장소를 연결(Import)하면 push마다 자동 재배포, 내 홈페이지에 실주소가 생깁니다.
12 슬라이드 →