강의 소개

비전공자가 AI와 함께 작은 웹서비스를 만드는 과정을 압축해서 경험하는 SemiClass 비정기 클래스입니다. 앞 50분은 강사가 일부러 시련을 만들고 필요한 아티팩트를 하나씩 장착하며 우리동네 공공데이터 생활정보 보드를 서비스에 가깝게 바꿉니다. 뒤 50분은 참여자가 사전에 제출한 아이디어에 같은 루프를 적용해 서비스 한 장 명세, 첫 화면 프롬프트, 필요한 아티팩트 목록, 가능하면 초안 URL까지 가져갑니다.

회차 정보

1회차운영진 등록

2026-05 비정기클래스: 바이브코딩 (1차)

무료

5월 9일 (토) · 15:30~17:00

자주 묻는 질문

완전 입문자인데 따라갈 수 있나요?

네. 모든 클래스는 코딩·디자인 경험이 없는 분을 기준으로 설계됐어요. Level 0~3 트랙으로 본인 수준에 맞춰 따라옵니다.

무엇을 가지고 돌아가나요?

각 강의는 산출물 패키지(피칭덱·슬라이드·워크북·시연 등)와 함께 제공돼요. 수업에서 만든 결과물이 그대로 남습니다.

강의 자료와 위키는 어디서 보나요?

수강 신청 후 semi-colon.space 위키 링크로 자료와 복습 노트를 제공해 드려요.

참가비와 신청 조건이 궁금해요.

모집 중인 회차 카드에서 참가비와 신청 조건을 확인해 주세요. 회차별 운영 안내가 다를 수 있습니다.

강의자료

시작 전 준비 자료

바이브코딩 데모킷 최신 ZIP 다운로드 - 압축 해제 후 semiclass-vibecoding-sandbox-main/ 폴더에서 npm install링크
Semiclass Claude 글로벌 데모 설정.md프롬프트
도구별 역할과 사전 체크리스트.md프롬프트
전체 커리큘럼 초안.md프롬프트

의식 1·2 - 기획과 디자인

기획의 나침반 프롬프트.md프롬프트
디자인의 룬 프롬프트.md프롬프트
첫 앱 생성 프롬프트.md프롬프트

Loop 1 - 데이터 크리스탈

데이터 분리 프롬프트.md프롬프트

Loop 2 - DB 코어

DB 연결 프롬프트.md프롬프트
Supabase SQL 예시.sql.md프롬프트

Loop 3 - 배포 부츠

배포 부츠 프롬프트.md프롬프트

Loop 4 - 신호의 검

외부 API 연결 프롬프트.md프롬프트

Loop 5 - 신원 인장

신원/권한 연결 프롬프트.md프롬프트

Loop 6 - 모바일 망토

모바일 망토 프롬프트.md프롬프트

뒤 50분 워크숍 자료

내 서비스 한 장 명세 템플릿.md프롬프트

피칭 덱

바이브코딩 클래스 피칭 덱 (인터랙티브 HTML)

Marp 빌드 inline HTML, 2031KB

강의 슬라이드

바이브코딩 클래스 슬라이드 마스터

Marp 마크다운 원본. PDF는 현재 30MB Storage 제한을 초과해 HTML 피칭덱을 기준 산출물로 사용합니다.

프롬프트팩

수강생 적용 프롬프트 14개

상세페이지에서 순서대로 열어 복사하거나, 전체 ZIP을 내려받아 각 프롬프트를 별도 파일로 사용할 수 있습니다.

전체 다운로드

시작 전 준비 자료 · 링크

바이브코딩으로 내 서비스 만들기