바이브 코딩 교실 dododong.dev
BEFORE WE START

0부교실 안내

무엇을 준비하고, 이 교실을 어떻게 따라가면 되는지 먼저 살펴봐요.

만드는 것실습 파일을 모아 둘 내 작업 폴더 하나

#0-1. 준비물 체크리스트

체크한 항목은 이 브라우저에 기억돼요. 다음에 와도 그대로 남아 있어요.

#0-2. 이 교실 쓰는 법

각 장은 설명 → 따라 하기 → 확인하기 순서예요. 화면에 나오는 부품은 세 가지예요.

AI에게 하는 말(주문)은 이런 검은 상자에 들어 있어요. 오른쪽 복사 버튼을 눌러 도구에 그대로 붙여 넣으면 돼요.

이렇게 시켜 보세요
vibe-class 폴더에 index.html 을 하나 만들어 줘.
화면 가운데에 "안녕하세요, 바이브 코딩 교실입니다" 라고 크게 써 줘.

같은 실습이라도 도구마다 누르는 곳이 달라요. 그럴 땐 탭으로 골라 보세요. 한 번 고른 도구는 다른 장에서도 기억돼요.

데스크톱 앱의 Code 탭에서 작업 폴더를 고르고, 아래 입력창에 주문을 붙여 넣어요.

#0-3. 수업 진행 방식