VIBE CODING STUDY
코드를 배우는 스터디가 아닙니다.
만드는 법을
배우는 스터디
입니다.
아이디어 하나 들고 오세요.
AI와 함께 실제 결과물까지 만들어봅니다.
신청은 인스타 DM으로 “바이브 코딩” 보내면 끝
유료 AI 구독 없어도 참여할 수 있어요.
$ idea --new "시간표 겹침 확인기"
- IDEA아이디어
- AI대화
- CODE구현
- DEPLOY배포
그래서, 바이브코딩이 뭔데?
문법을 먼저 외우는 대신, 만들고 싶은 걸 말로 설명하고 AI와 주고받으면서 완성해가는 방식이에요. 대신 결과를 직접 실행하고 판단하는 건 여전히 내 몫입니다.
이런 웹사이트 만들고 싶어
AI그럼 만들어볼게.
어? 진짜 되는데?
-
01
아이디어
만들고 싶은 것을 말한다.
-
02
AI
AI와 대화하며 구현한다.
-
03
Build
직접 실행하고 고친다.
유튜브만 보다가
끝내지 않기 위해
코딩 강의 3시간 보는 것보다 직접 하나 만들어보는 게 빠를 때가 있습니다.
Tutorial
- 강의 보기
- 코드 따라치기
- 복붙하기
- 완성
- 끝
그리고 일주일 뒤, 기억이 안 난다.
Vibe Coding
- $아이디어 정하기
- $AI에게 설명하기
- $코드 생성
- $실행
- !오류 발생
- $AI와 디버깅
- $개선
- ✓배포
- ↺다시 만들기
오른쪽이 훨씬 길죠.
실제 개발이 원래 이렇게 생겼습니다.
코드보다 먼저,
AI 쓰는 법부터.
AI는 못 알아듣는 게 아니라 덜 들은 거예요. 빈칸이 있으면 AI가 알아서 평균적인 답으로 채웁니다. 그래서 이 스터디는 질문 한 줄 고치는 것부터 시작해요.
내 질문
웹사이트 만들어줘
빠진 조각을 눌러서 채워보세요.
질문력
원하는 결과를 말로 설명하기. 위에서 해본 그거예요.
프롬프트 작성
역할, 맥락, 예시를 넣어서 한 번에 원하는 답 받기.
도구 선택
이 일은 GPT, 이건 Claude, 저건 Gemini. 상황별로 고르기.
정보 검증
AI가 그럴듯하게 틀릴 때 알아채고 확인하는 습관.
자동화 사고
매번 하는 일을 AI와 코드에 넘기는 눈 기르기.
이 다섯 가지는 ZUN이 직접 만든 ZUN AI Roadmap의 진단 기준이에요. 먼저 읽어보고 싶다면 블로그 글 AI 질문법, 답이 달라지는 네 조각부터.
이 정도는 만들어봅니다.
스터디장 ZUN이 AI와 함께 만들어서 실제로 배포한 것들이에요. 전부 지금 링크로 열립니다.
우리의 한 사이클
한 번 도는 데 거창한 계획은 필요 없어요. 여섯 단계를 돌고 나면, 링크로 보여줄 수 있는 결과물이 하나 생깁니다.
-
01 IDEA
아이디어 정하기
거창할 필요 없어요. “시간표 겹치는 거 확인하기 귀찮다” 정도면 충분합니다.
-
02 PROMPT
AI에게 설명하기
누가, 언제, 어떤 화면에서 무엇을 하는지 말로 풀어봅니다. 결과물 퀄리티는 대부분 여기서 갈려요.
-
03 BUILD
코드 만들기
AI가 만든 코드를 그냥 믿지 않고 실행해봅니다. 어떤 파일이 무슨 역할인지도 같이 읽어요.
-
04 DEBUG
문제 해결하기
빨간 에러는 반드시 나옵니다. 에러 메시지를 읽고, AI에게 상황을 제대로 전달하는 법을 연습합니다.
-
05 SHIP
배포하기
내 컴퓨터에서만 돌아가면 반쪽짜리예요. GitHub Pages 같은 곳에 올려서 링크 하나로 열리게 만듭니다.
-
06 SHARE
서로 보여주기
만든 걸 화면에 띄워 보여주고 피드백을 받습니다. 남의 프롬프트 구경이 제일 많이 배우는 시간이에요.
AI가 코딩 파트너가 됩니다.
버튼 위치 설명하는 사용법 강의는 안 해요. 만드는 도중에 “이럴 땐 이걸 이렇게 쓴다”를 같이 익힙니다.
-
Claude Code
터미널에서 프로젝트 폴더를 통째로 맡기는 파트너. 파일을 직접 읽고 고치게 하면서, 무엇을 바꿨는지 확인하는 습관을 들입니다.
> 로그인 누르면 에러 나. 원인 찾아서 고쳐줘
-
Cursor
코드를 보면서 그 자리에서 묻고 고치는 에디터. AI가 바꾼 부분을 한 줄씩 비교하며 받아들일지 판단합니다.
⌘K 이 함수 더 읽기 쉽게 바꿔줘
-
ChatGPT
코드 짜기 전 단계의 기획 파트너. 막연한 아이디어를 기능 목록과 화면 흐름으로 쪼갭니다.
> 이 아이디어, 첫 버전 기능 3개로 줄이면?
-
Gemini
두 번째 의견이 필요할 때. 긴 문서나 스크린샷을 함께 넣고 비교하거나 설명을 들어봅니다.
> 이 화면 스크린샷이랑 코드 같이 보고 뭐가 다른지 알려줘
-
GitHub
만든 걸 잃어버리지 않게 저장하고, 배포하고, 서로의 코드를 구경하는 곳. 결과물이 포트폴리오로 쌓입니다.
$ git push origin main
이런 사람이라면
특히 추천합니다.
해당하는 것을 눌러보세요.
0/8 하나라도 해당되면 충분해요.
일단 만들어보자.
Software Student
AI Native Developer
ZUN
배우고, 만들고, 기록합니다.
만든 걸 릴스로 보여주기 시작한 지 4주 만에, 최근 30일 조회수가 20만을 넘었어요.
- 1,473인스타그램 팔로워
- 20.7만최근 30일 조회
- 11.8만최고 릴스, 컴활 마스터
- 72편개발 블로그 글
인스타그램 @zun_it_ 2026년 8월 1일 시작, 수치는 8월 28일 기준
- BUILDWITH AI
- SHIPREAL PROJECTS
- SHAREWHAT I LEARN
아이디어는 있는데
아직 아무것도 없다면.
여기서 시작하면 됩니다.
잘 몰라도 괜찮고, 유료 AI 구독이 없어도 괜찮습니다.
같이 만들어보면 됩니다. 끝날 땐 링크로 보여줄 수 있는 게 남아요.
- 처음이어도 OK
- AI 구독 없어도 OK
- AI 쓰는 법부터
- 실제 배포까지
- 개발자로 성장
- 1위 신청 버튼 누르기
- 2인스타그램 @zun_it_ DM 열기
- 3DM으로 “바이브 코딩” 보내기