바이브코딩 6종 시리즈
시리즈 3/6
바이브코딩 ③ 기획수업
마크다운(구조)과 JSON(데이터)으로 웹앱 설계도 10종 만들기
10차시예제수업 수료자 · 설계 훈련이 필요한 모든 사람👩🏫 AI 기획 선생님
체험 실습5스텝 인터랙티브
지금 바로 손으로 해보기 →
입력 → AI 프롬프트 자동 완성 → 복사 · 결과물은 마이페이지에 저장
이 수업이 끝나면
마크다운으로 구조를, JSON으로 데이터를 분리해서 쓰는 감각이 생긴다
AI가 더 잘 알아듣는 프롬프트로 기획서를 다듬을 수 있다
10개의 기획서가 남아 실전수업에서 하나를 고르면 바로 빌드 시작
수강생이 손으로 하는 것
1차시별 주제에 맞춰 마크다운 + JSON 에디터에 설계도 작성
2[피드백 요청] [오타·보강] [웹앱 미리보기] 3버튼으로 AI 검토 받기
3완성본을 저장하고 교사 대시보드에 제출
차시 구성
1
자기소개 카드
# 제목과 { "이름": "..." } 기본 구조 익히기
2
나의 짝꿍 인터뷰
> 인용문과 리스트 - 사용법 연습
3
우리 동네 맛집 리스트
마크다운 표 + JSON 배열 결합
4
시민 문제 정의서
문제점(Markdown)과 통계 데이터(JSON) 결합
5
디지털 교육 커리큘럼
1~4차시 위계 구조 잡기 (#, ##, ###)
6
동네 안전지도 명세서
위치 정보와 위험 등급을 데이터로 정리
7
마을 도서관 대여 목록
도서명·저자·대여가능여부(true/false) 연습
8
반려동물 산책 일지
이미지 링크 []()와 날짜 데이터 다루기
9
공유 주방 예약 시스템
시간대별 예약 현황을 JSON으로 표현
10
나만의 시민 웹앱 종합 기획
실제 만들 서비스 설계 — 실전수업 재료
AI 역할 — 👩🏫 기획 선생님
"바이브 코딩 기획 선생님" 페르소나로 고정된 Claude. 3개 버튼으로만 대화해 토큰 낭비 없이 수업 레일을 유지합니다. 1차시 체험 실습은 기존 [체험 실습 페이지](/workshop/vibecoding)에서 바로 가능.
사용 도구
마크다운 에디터JSON 검증AI 기획 선생님교사 대시보드
바이브코딩 ③ 기획수업 수강 · 기관 출강 문의
바이브코딩 6종 시리즈 통합 수강(28~38차시 (통합 수강 시)) 또는 이 수업 단독 수강 모두 가능합니다.