01 / 15
SESSION 46 · Part 8 AI 이해와 활용

바이브코딩
워크플로

코드를 쓰지 않고 만드는 법 — 아이디어에서 배포까지

02 / 15
🎯

이 세션에서
배우는 것

🌊
전체 흐름
아이디어 → 프로토타입 → 배포까지의 순서를 설명한다
🔁
반복 사이클
AI와 효율적으로 협업하는 4단계 루프를 실천한다
🙋
비개발자도 가능
자연어만으로 실제 작동하는 앱을 만들 수 있음을 본다
03 / 15
💭

바이브코딩인가?

바이브코딩 — 코드를 직접 쓰지 않고, AI와 자연어 대화로 소프트웨어를 만드는 방식.
이제 "무엇을 만들지" 아는 사람이 "어떻게 만드는지" 아는 사람을 앞선다.

문법보다 의도, 타이핑보다 생각이 중요한 시대다.

04 / 15

바이브코딩 4단계 루프

한 번에 완성은 없다 — 이 네 단계를 계속 돌린다.

1
기능 명세 (자연어)
"로그인 후 내 글 목록을 보여주는 페이지" — 무엇을 만들지 또렷하게 쓴다.
2
AI 코드 생성
Cursor · Claude Code에 명세를 전달 → 파일·컴포넌트·함수가 만들어진다.
3
실행 · 테스트
서버를 띄우고 눌러본다. 에러·원하지 않는 동작·빠진 케이스를 확인한다.
4
피드백 → 반복
"버튼이 안 눌려 / 이 문구 바꿔줘"를 다시 AI에 전달. 1번으로 돌아가 다음 기능.
05 / 15
🏗️

바이브코딩 프로젝트 —
더 깊게 이해하기

아이디어에서 배포까지의 전체 과정을 알면 중간에 막히지 않는다.

1
아이디어 명확화
"누가, 무슨 문제를, 어떻게 해결하는가"를 한 문단으로 정리한다. 모호한 아이디어는 AI도 구현 못 한다.
2
AI에게 단계별 요청
전체를 한꺼번에 요청하지 않는다. 기능 하나씩, 화면 하나씩 나눠서 요청하면 결과가 훨씬 좋다.
3
결과 검토 · 반복 개선
만들어진 결과를 직접 써보고 "이건 이렇게 바꿔줘"를 반복한다. 이게 바이브코딩의 본질이다.
4
배포
Vercel, GitHub Pages 등으로 URL을 만들어 실제로 공개한다. 배포까지 해야 진짜 완성이다.
06 / 15

실제 대화는 이렇게 흘러간다

한 줄씩 지시하는 게 아니라, 계속 말을 걸며 다듬는다.

🧑
간단한 할 일 관리 앱 만들어줘. HTML/CSS/JS 한 파일로.
🤖
만들었어요! 입력창, 목록, 완료 토글, 삭제 기능까지 포함입니다.
🧑
새로고침하면 사라져. localStorage에 저장되게 해줘.
🤖
추가/삭제/토글 시마다 저장하고, 로드 시 복원하도록 했어요.
🧑
좋아. 이제 다크모드 토글 버튼도 넣자.
07 / 15
💬

바이브코딩 대화 흐름 —
실제로는 어떻게?

한 줄로 모든 걸 요청하는 게 아니다. 대화처럼 주고받으며 완성해간다.

📋 요구사항 설명
🤖 AI 초안 생성
💬 피드백 전달
🔧 수정 → 기능 추가

핵심: 바이브코딩의 핵심은 반복이다. 완벽한 첫 요청이 아니라, 빠른 첫 시도와 지속적 개선이 완성을 만든다.

08 / 15

잘 돌리는 두 가지 원칙

루프가 커질수록 이 두 가지가 결과 품질을 가른다.

🗂️ 컨텍스트 관리
CLAUDE.md / README로 프로젝트 규칙 명시
기술 스택·디렉터리 구조를 문서화
세션이 길어지면 요약해서 다시 제공
AI가 매번 "처음 보는 것처럼" 이해하게
⚡ MVP 먼저
"핵심 기능 3개"만 골라서 시작
디자인·엣지 케이스는 v2로 미룬다
돌아가는 버전을 먼저 손에 쥐기
완벽주의가 가장 큰 적
09 / 15
📱

실생활에서
이렇게 쓰여요

우리가 주변에서 만나는 실제 바이브코딩 사례들을 살펴보자.

🌐
비개발자의 랜딩페이지
마케터가 Claude와 대화하며 자신의 서비스 소개 랜딩페이지를 직접 만들어 배포한 사례가 늘고 있다.
🚀
스타트업 MVP 1주일
개발자 1명이 AI 도구로 보통 1달 걸릴 MVP를 1주일 만에 완성해 투자자에게 시연했다.
💼
개인 포트폴리오 사이트
취업 준비생이 코딩을 모르지만 AI와 대화하며 자신만의 포트폴리오 사이트를 만들고 있다.

💡 바이브코딩이 없다면 비개발자가 자신의 아이디어를 소프트웨어로 만드는 데 수개월이 걸린다.

10 / 15
💡

자주 하는
오해 바로잡기

이렇게 생각하기 쉽지만, 실제로는 조금 다릅니다.

❌ 흔한 오해
  • 바이브코딩 = 코딩 실력이 필요 없다
  • AI가 모든 걸 전부 해준다
  • 바이브코딩 결과물은 품질이 낮다
✓ 실제로는
  • 기본 개념을 알아야 디버깅하고 방향을 잡을 수 있다
  • 무엇을 만들지 결정하고 검토하는 건 사람이 한다
  • 명확한 요구사항과 반복 개선으로 충분히 좋은 품질이 나온다
11 / 15
🏗️

바이브코딩은 건축가와 시공사

직접 망치를 드는 대신, 무엇을 지을지 그리고 시공사에 맡긴다.

🏠 건축 비유
건축가 (나)
=
무엇을 만들지 결정 — 방 개수, 용도, 분위기
시공사 (AI)
=
실제로 만든다 — 벽돌 쌓기, 전기 배선
설계도
=
자연어 명세 — "거실은 남향으로"
현장 점검
=
실행 · 테스트 — "창문이 안 열리네요, 고쳐주세요"

건축 기술보다 "뭘 짓고 싶은가" 를 아는 게 중요해진다.

12 / 15
🤖

이걸 알면
AI와 이렇게 대화해요

바이브코딩 워크플로를 이해하면 Claude나 ChatGPT를 훨씬 잘 활용할 수 있다.

👤
간단한 웹사이트 만들고 싶어요.
🤖
어떤 목적의 사이트인가요? 어떤 기술을 쓰고 싶으신지도 알려주세요.
👤
나를 소개하는 원페이지 포트폴리오 사이트를 HTML/CSS/JS로 처음부터 작성해줘. 이름, 소개글, 프로젝트 3개, 연락처 섹션 포함.
🤖
완성된 HTML 파일을 드릴게요. 반응형 디자인, 스크롤 애니메이션, 다크 테마로 구성했습니다. 바로 브라우저에서 열어보세요!
13 / 15

이렇게
이해하셨나요?

맞게 이해하셨어요
바이브코딩은 AI와 자연어 대화로 소프트웨어를 만드는 방식이다
이렇게는 아니에요
바이브코딩 = 코딩 지식이 전혀 필요 없다
맞게 이해하셨어요
명확한 요구사항이 좋은 결과를 만든다
이렇게는 아니에요
AI가 모든 결정을 내린다

💪 "무엇을 만들지"를 아는 사람이 AI와 함께라면 무엇이든 만들 수 있습니다!

14 / 15
📌

핵심 정리

🌊
바이브코딩
자연어 대화로
소프트웨어를 만든다
🔁
4단계 루프
명세 → 생성 →
실행 → 피드백
🗂️
컨텍스트 관리
CLAUDE.md · README로
프로젝트 규칙 유지
MVP 먼저
핵심 3개만 — 돌아가는
버전을 먼저 손에
🏗️
건축가 모드
"무엇을"이 "어떻게"
보다 중요해진다
🙋
누구나 가능
비개발자도 실제
작동하는 앱을 만든다
15 / 15
🚀

다음 세션
Session 47 · AI와 함께하는 디버깅·코드리뷰

드디어 마지막 세션이다.
지금까지 배운 모든 것을 하나로 엮어 나만의 첫 프로젝트를 기획해본다.

💡 기억할 것: 코드를 쓰는 사람이 아니라, 만들고 싶은 것이 또렷한 사람이 이긴다.

슬라이드 목록