Basics
바이브 코딩 기초지식
클로드로 만들고, 깃으로 저장하고, 깃허브에 올리고, 버셀로 배포하는 데 필요한 기초예요. 한 페이지씩 가볍게 읽어요.
- 1
클로드 사용법 기초
클로드가 뭔지, 챗·아티팩트·코드를 어떻게 쓰는지, 막혔을 때 어디부터 보는지. 이 강좌를 시작하기 전에 읽는 한 페이지.
- 2
깃 기초 — 저장소·커밋·브랜치
깃이 뭔지, 커밋·브랜치·푸시가 무슨 뜻인지, 잘못됐을 때 되돌리는 기본.
- 3
깃허브 기초 — 계정·저장소·로그인
깃허브가 뭔지, 계정과 저장소 만드는 법, 공개/비공개 차이, 올릴 때 로그인하는 쉬운 길.
- 4
버셀 기초 — 계정·프로젝트·무료 플랜
버셀이 뭘 해주는지, 계정과 프로젝트 개념, 무료(Hobby) 플랜을 어떻게 이해하면 되는지.
- 5
깃-버셀 연동과 배포
깃허브 저장소를 버셀에 가져오면 푸시할 때마다 자동 배포돼요. 프리뷰와 프로덕션의 차이, 환경변수 한 줄.
- 6
배포 후 확인과 흔한 실패
배포가 끝나면 무엇을 확인하는지, 빌드가 실패했을 때 로그를 어디서 어떻게 읽는지, 환경변수·브랜치 실수.
- 7
도메인 확보와 버셀 연결
도메인이 뭔지, 어디서 얻는지 고르는 기준, 버셀에 연결하는 큰 흐름.
- 8
클로드 활용법 — 아티팩트 홈페이지와 그 밖의 쓰임
대화만으로 한 페이지 사이트를 만들어 공유 링크로 보여 주는 법, 정식 홈페이지로 옮기는 흐름, 문서·슬라이드·프로젝트·파일 읽히기.
- 9
Aside로 SNS 자동화 개요
로그인된 내 브라우저를 클로드가 대신 조작해 블로그·유튜브·SNS 작업을 돕는 큰 그림과 순서, 지켜야 할 선.
- 10
바이브 코딩 준비물 체크리스트
시작 전에 갖출 계정 4개, 설치할 것, 폴더, 클로드에게 시키는 습관.
- 11
Cowork 사용법
클로드의 Cowork 기능이 무엇이고 Chat·Code와 어떻게 다른지, 파일 정리 같은 일을 맡기는 순서와 주의할 점.
- 12
영상 자동화를 코드 탭에서
영상 자동화 강좌의 터미널 명령을 클로드 데스크탑 앱 Code 탭에서 자연어로 시키는 방법. 사람이 직접 할 일과 막혔을 때 대처.
- 13
바이브 코딩 용어 사전
이 사이트 강좌와 기초지식에 실제로 나오는 용어를 한 줄로 풀고, 어디서 만나는지 링크로 알려줘요.
- 14
첫 프로젝트 고르기
작게 시작하는 기준, 이 사이트 강좌의 결과물과 아이디어 중 첫 과제 고르기, 한 번에 하나, 완성 기준.
- 15
초보자 프롬프트 패턴 12가지
강좌와 팁에서 자주 쓰는 상황별 복붙 문장. 목표 말하기, 계획 먼저, 상태 보기, 에러 붙이기, 되돌리기, 이유 묻기.
- 16
초보자가 자주 하는 실수와 대처
권한 요청 안 읽기, 큰 요청 한 번에, 커밋 없이 수정 반복, 비밀값 붙이기 같은 실수와 이 사이트 강좌·팁에서 찾는 법.
- 17
안전·비용·계정 기본
비밀값(API 키·.env) 다루기, 공개 저장소에 올리면 안 되는 것, 계정은 본인이 가입·결제, 유료 서비스 전 확인, 백업과 되돌리기.
- 18
막혔을 때 순서
에러 복사 → 클로드에게 그대로 → 로그 보기 → 되돌리기 → 새 대화 → 강좌 팁 찾기 → 방에 물을 때 적을 것.
- 19
바이브 코딩 학습 순서
이 사이트 강좌를 초보자가 어떤 순서로 보면 좋은지, 단계마다 끝나면 할 수 있는 것.
- 20
앤티그래비티와 클로드 데스크탑 비교
구글 앤티그래비티가 뭔지, 클로드 데스크탑과 무엇이 같고 다른지, 일에 따라 무엇을 쓸지 한 페이지로.
- 21
코드로 만드는 모션 영상 도구 5가지
말로 설명하면 클로드가 코드로 짜서 영상으로 뽑아 주는 도구 5개(HyperFrames·Remotion·Blender·Manim·algorithmic-art)를 초보 눈높이로 비교하고, Blender와 Manim은 설치 전에 알아 둘 점까지.