바이브코딩으로 내 서비스 만들기
토요일 2시간 · 기획부터 데이터, DB, 배포, 인증, 모바일까지
비전공자가 AI와 함께 작은 웹서비스를 만드는 과정을 압축해서 경험하는 SemiClass 비정기 클래스입니다. 앞 50분은 강사가 일부러 시련을 만들고 필요한 아티팩트를 하나씩 장착하며 우리동네 공공데이터 생활정보 보드를 서비스에 가깝게 바꿉니다. 뒤 50분은 참여자가 사전에 제출한 아이디어에 같은 루프를 적용해 서비스 한 장 명세, 첫 화면 프롬프트, 필요한 아티팩트 목록, 가능하면 초안 URL까지 가져갑니다.
- 대상
- 코딩은 어렵지만 내 업무 도구나 작은 웹서비스를 직접 만들어보고 싶은 직장인
- 시간
- 2시간
- 상태
- published
수업 준비물 — AI 서비스
참여 전에 아래 서비스의 해당 플랜 가입 상태를 확인해 주세요.
- 최소 플랜via Claude Pro$20 / 월 (약 ₩28,000)Claude Pro 가입 필수
왜 필요한가: Claude Code 기반 실습.
플랜 내용: 터미널 CLI + MCP. Pro 부터 포함.
- 최소 플랜Pro$20 / 월 (약 ₩28,000)연납 $16
왜 필요한가: Claude Code 대신 Cursor 가능. 한 가지만 선택.
플랜 내용: GPT-5.4·Opus 4.6·Sonnet 4.6·Gemini 3 Pro·Grok Code·Composer·코드베이스 인덱스.
- 최소 플랜Individual$10 / 월 (약 ₩14,000)연납 $100
왜 필요한가: 진입 비용이 가장 낮은 대안.
플랜 내용: 편집기 통합 보조.
강의 자료
- 열기 ↗피칭 덱바이브코딩 클래스 피칭 덱 (인터랙티브 HTML)
Marp 빌드 inline HTML, 2031KB
- 열기 ↗강의 슬라이드바이브코딩 클래스 슬라이드 마스터
Marp 마크다운 원본. PDF는 현재 30MB Storage 제한을 초과해 HTML 피칭덱을 기준 산출물로 사용합니다.
시작 전 준비 자료
4개 자료 · 본문에 다운로드 링크·코드 포함
의식 1·2 - 기획과 디자인
3개 자료 · 본문에 다운로드 링크·코드 포함
Loop 1 - 데이터 크리스탈
1개 자료 · 본문에 다운로드 링크·코드 포함
- 열기 ↗데이터 분리 프롬프트.md마크다운 · 본문에 raw URL 포함
Loop 2 - DB 코어
2개 자료 · 본문에 다운로드 링크·코드 포함
Loop 3 - 배포 부츠
1개 자료 · 본문에 다운로드 링크·코드 포함
- 열기 ↗배포 부츠 프롬프트.md마크다운 · 본문에 raw URL 포함
Loop 4 - 신호의 검
1개 자료 · 본문에 다운로드 링크·코드 포함
- 열기 ↗외부 API 연결 프롬프트.md마크다운 · 본문에 raw URL 포함
Loop 5 - 신원 인장
1개 자료 · 본문에 다운로드 링크·코드 포함
- 열기 ↗신원/권한 연결 프롬프트.md마크다운 · 본문에 raw URL 포함
Loop 6 - 모바일 망토
1개 자료 · 본문에 다운로드 링크·코드 포함
- 열기 ↗모바일 망토 프롬프트.md마크다운 · 본문에 raw URL 포함
뒤 50분 워크숍 자료
1개 자료 · 본문에 다운로드 링크·코드 포함
- 열기 ↗내 서비스 한 장 명세 템플릿.md마크다운 · 본문에 raw URL 포함
내부 의사결정 KB: semiclass/process/vibecoding-irregular-class