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 문서 · 깃 연동: 버셀 문서.