Basics
바이브 코딩 학습 순서
이 사이트 강좌를 초보자가 어떤 순서로 보면 좋은지, 단계마다 끝나면 할 수 있는 것.
확인일 2026-10-06
화면 표시가 다를 수 있어요. 강 수와 내용은 이 사이트 강좌 기준(확인일 2026-10-06)이에요. 목표에 맞는 길만 골라 가도 돼요.
어떤 순서로 보면 되나요?
한 줄로는 기초지식 → 홈페이지 → 랜딩페이지 → 만들고 싶은 결과물(블로그·쇼츠·SNS·영상) → 웹 서비스 20강이에요. 앞 단계를 하면 뒤 단계의 설치·깃·배포가 반복이라 훨씬 빨라져요.
0단계. 기초지식 (하루)
클로드 기초 → 준비물 체크리스트 → 깃·깃허브·버셀 기초 → 깃-버셀 연동. 말이 어렵다면 용어 사전을 옆에 열어 둬요. 끝나면: 계정 준비, 깃·깃허브·버셀이 각각 뭘 하는지 설명할 수 있어요.
1단계. 홈페이지 만들기 (요약본 + 11강)
급하면 0강 요약본부터, 천천히는 1강부터요. 8강에서 깃허브·버셀 배포, 9강에서 도메인, 10강에서 검색 등록을 해요. → 홈페이지 만들기 끝나면: 내 주소로 공개된 홈페이지가 생기고, 수정 → 커밋 → 푸시 → 반영 리듬을 혼자 돌려요.
2단계. 랜딩페이지 만들기 (8강)
한 가지 목적(상품·강좌·행사 등)에 맞춘 한 페이지와 CTA 개선을 배워요. → 랜딩페이지 만들기 끝나면: 방문자를 한 행동으로 이끄는 한 페이지를 만들고 배포해요.
3단계. 더 쓰고 싶은 기능이 생기면 (선택)
홈페이지 고급(지도·방문자 통계·검색 고급 등, 9강)을 골라 봐요. 브라우저·MCP 같은 도구 연결을 다루는 Aside 업무 자동화(14강)도 이때 좋아요. 끝나면: 기존 사이트에 기능을 하나씩 덧붙이고, 낯선 설정 화면에서 클로드의 안내를 받아요.
4단계. 올릴 콘텐츠를 자동화해요
원하는 것부터 고르면 돼요.
| 하고 싶은 일 | 과정 | 강 수 |
|---|---|---|
| 블로그 글을 꾸준히 | 네이버 블로그 자동화 | 7강 |
| 짧은 영상 | 쇼츠 자동화 | 8강 |
| 글 하나를 여러 채널에 | SNS 배포 자동화 | 8강 |
| 내 책을 쇼츠로 꾸준히 홍보 | 책 발간 후 쇼츠 홍보 자동화 | 12강 |
| 내 방에 질문에 답하는 챗봇 | 카톡 오픈채팅 챗봇 만들기 | 12강 |
| 롱폼+쇼츠+썸네일 시리즈 | 영상 자동화 | 8강 |
끝나면: 주제를 넣으면 초안·영상이 나오고, 올리기 전 내가 확인하는 파이프라인이 생겨요. 이 단계의 서비스들은 유료일 수 있으니 안전·비용·계정을 먼저 읽어요.
5단계. 웹 서비스 만들기 20강
내가 정한 서비스를 처음부터 기획하고 만들고 공개하는 긴 과정이에요. 110강(용어·설치·깃·기획·프롬프트·첫 프로젝트·규칙 파일·조각으로 쪼개기)과 1516강(디버깅·배포)은 위 단계에서 익힌 것의 확장판이에요. → 웹 서비스 만들기 20강
끝나면: 내가 기획한 작은 서비스를 조각 단위로 만들고 공개하는 방법을 알아요.
막히면요?
막혔을 때 순서, 초보자가 자주 하는 실수, 짧은 팁을 먼저 보고, 그래도 안 되면 방에 질문해요. 첫 과제는 첫 프로젝트 고르기에서 골라요.
출처(확인일 2026-10-06): 과정과 강 수는 이 사이트 강좌 기준이에요. 데스크탑 앱: Claude 문서 · 깃 연동: 버셀 문서.