Claude Code · Codex · Antigravity로 배우는 바이브 코딩

코드를 몰라도
말로 설명해서 웹을 만들어요

문법 암기 대신, AI에게 일을 잘 시키는 법과 꼭 필요한 개념만 배워요. 내 웹사이트부터 공개, 데이터베이스, 로그인, 관리자 페이지, 앱까지 내가 고른 AI 코딩 도구와 함께 만들어요.

나 제 카페를 소개하는 웹사이트를 만들어 줘. 메뉴, 영업시간, 오시는 길이 있으면 좋겠고 휴대폰에서도 잘 보이게.

AI 코딩 도구 좋아요! 먼저 계획을 보여 드릴게요.
① index.html — 소개, 메뉴, 영업시간, 지도 링크
② style.css — 따뜻한 갈색 톤, 휴대폰 화면 대응
이대로 만들까요?

나 좋아, 만들어 줘! 끝나면 커밋도 해 줘.

이 과정에서 배우는 건 이런 대화를 잘 하는 법이에요.

어떤 AI 코딩 도구로 배울까요?

세 버전 모두 같은 순서로 배워요. 도구 설치·사용법 레슨만 도구에 맞게 달라요.

Claude CodeAnthropic
Claude 데스크톱 앱의 Code에서 폴더를 지정하고 대화로 만들어요.
계정
Claude 유료 요금제
내 컴퓨터
Claude 데스크톱 앱 → Code → 폴더 지정
클라우드
Claude Code 클라우드 세션 (GitHub 연결)
규칙 파일
CLAUDE.md
학습 시작하기 커리큘럼 보기
CodexOpenAI
ChatGPT 계정으로 쓰는 OpenAI의 코딩 에이전트. 앱이나 VS Code 확장에서 시작해요.
계정
ChatGPT 유료 요금제
내 컴퓨터
Codex 앱 또는 VS Code의 Codex 확장 → 폴더 열기
클라우드
Codex 클라우드 (ChatGPT 웹, GitHub 연결)
규칙 파일
AGENTS.md
학습 시작하기 커리큘럼 보기
AntigravityGoogle
Gemini가 들어 있는 Google의 AI 개발 프로그램. 에이전트가 브라우저로 결과까지 확인해요.
계정
Google 계정
내 컴퓨터
Antigravity 설치 → 폴더 열기 → 에이전트에게 요청
클라우드
Antigravity는 내 컴퓨터에서 동작 (클라우드 작업은 Google Jules)
규칙 파일
규칙(Rules)
학습 시작하기 커리큘럼 보기