[카테고리:] 정보 가이드

100레벨로 끝내는 바이브코딩 로드맵은 4개 큰 구간으로 나뉩니다. 어디서부터 시작하면 되는지 한 페이지로 정리했습니다.

구간 1: 환경 (Lv 1–25)

전원 켜기, 터미널 열기, Git 설치, VS Code/Cursor 설치, 첫 HTML 띄우기, 첫 줄 commit, 첫 PR. “내가 만든 무언가가 화면에 뜬다”를 25번 반복하는 구간입니다. 25번이면 두려움이 사라집니다.

구간 2: 도구 (Lv 26–50)

JavaScript 기본, fetch API, 워드프레스 한 페이지, AI 자동완성 활용, 도메인 사기, 첫 사이트 배포. Lv 50쯤이면 “내 가게 사이트” 한 개를 혼자 띄울 수 있습니다. 학원 6개월 코스가 여기서 끝납니다.

구간 3: 실전 (Lv 51–80)

데이터베이스 기초, 결제 연동, 로그인 시스템, Make.com 자동화, 1인 SaaS 1차 프로토타입. 이 구간에서 처음으로 “이걸 팔 수 있겠다”는 감이 옵니다.

구간 4: 매출 (Lv 81–100)

유저 인증, 구독 결제, 푸시 알림, 분석 도구, 마케팅 자동화, 첫 결제 발생. Lv 100은 “월 100만원 매출 SaaS”가 목표입니다.

구간을 건너뛸 수 있나

건너뛸 수 있지만 권하지 않습니다. Lv 30에서 막힌 사람이 Lv 70 강의를 들으면 두 시간 만에 의욕이 빠집니다. “내 위치 + 5레벨”만 듣는 게 가장 효율적입니다.

AI 코딩 도구는 2026년에 5종이 시장을 나눠 갖고 있습니다. 한 가지만 골라야 한다면 어느 것일까요?

1. Cursor — IDE 통합

VS Code 포크 기반의 AI 우선 IDE. Tab 자동완성, Cmd+K 인라인 편집, Cmd+L 채팅 세 기능이 핵심입니다. 무료 플랜은 GPT-4o-mini 충분, 유료(월 $20)는 Claude 3.5 Sonnet/GPT-4o. 처음 시작하는 분께 가장 추천.

2. GitHub Copilot — 가장 보수적

마이크로소프트/GitHub 공식. 월 $10, 학생/오픈소스 무료. 안정적이지만 답변이 짧고 채팅 UI가 약합니다. 기업 환경에서는 가장 안심.

3. Claude Code — CLI 강점

Anthropic 공식 CLI. 터미널에서 claude 명령으로 시작. 여러 파일을 동시에 다루는 작업(리팩토링·테스트 추가)에서 압도적. Tier에 따라 무료 사용량 다름.

4. ChatGPT — 학습용

OpenAI 채팅. IDE 통합은 약하지만 “이 코드를 초보가 이해할 수 있게 설명해줘” 같은 학습 질문은 가장 명료. 무료 + 유료($20) 둘 다.

5. Continue — 무료 오픈소스

VS Code/JetBrains 확장. 본인 API 키(OpenAI/Anthropic/로컬 LLM)를 꽂아 씁니다. 완전 무료로 자체 호스팅도 가능. 단, 첫 설정이 까다로움.

5종 한 줄 요약

• 초보: Cursor 무료 플랜
• 회사 정책상 보수적: Copilot
• 리팩토링·대규모: Claude Code
• 학습·이해 중심: ChatGPT
• 완전 무료 + 개인 키: Continue

2026년 코딩 학습은 “교과서로 시작해서 1년 뒤 첫 줄을 쓴다”가 아니라, “AI에게 첫 줄을 받아쓰면서 시작한다”로 바뀌었습니다. 바이브코딩(Vibe Coding)은 이 흐름의 다른 이름입니다.

바이브코딩이란?

바이브코딩은 GPT/Claude/Cursor 같은 AI 코드 어시스턴트와 대화하면서 결과물부터 만들고, 그 결과물을 이해해가면서 학습하는 방식입니다. 전통 학습이 문법 → 자료구조 → 알고리즘 → 실전 순서라면, 바이브코딩은 실전 → 동작 → 이해 → 문법 순서로 거꾸로 갑니다.

왜 빠른가

• 막힘이 없다 — 에러 메시지를 그대로 AI에 붙여넣으면 1분 안에 원인 후보 3개를 받습니다.
• 완성된 결과부터 본다 — 사이트 한 페이지를 일단 띄우고 시작하니 학습 의욕이 다릅니다.
• 학원 비용 0원 — Cursor 무료 플랜 + GPT-4o-mini로 한 달 무료로도 충분합니다.

첫 7일 계획

Day 1–2: Cursor 또는 VS Code + Continue 설치. “Hello world 웹페이지를 만들어줘”부터 시작. Day 3–4: AI에게 받은 코드를 한 줄씩 주석으로 설명 요청. Day 5–7: 작은 도구(타이머·할 일 목록) 한 개 완성. 이해 못한 코드는 절대 다음으로 넘어가지 마세요. 이해가 학습의 핵심입니다.

흔한 오해

“AI가 다 해주면 실력은 안 늘지 않냐”는 질문이 많은데, 답은 “어떻게 쓰느냐”에 달려 있습니다. AI에 코드를 받기만 하면 실력은 안 늘지만, 받은 코드를 한 줄씩 설명 요청 → 직접 변형 → 비슷한 문제 다시 풀기를 반복하면 1년치 교과서를 3개월에 압축할 수 있습니다.

바이브코딩의 본질은 “AI에게 의존”이 아니라 “AI를 코칭 파트너로 두는 1:1 과외”입니다. 그게 학원 600만원이 무료가 되는 이유입니다.