3강
3강 · Antigravity와 PRD로 할 일 앱 만들기
PRD.md와 index.html이 있는 로컬 앱을 실행한다
Vibe Studio · 교사 실습 과정
바이브코딩 실습 · 3–6강
순천향대학교 대학생을 위한 3–6강 실습입니다. 원본 PPT 4개·107쪽으로 앱 제작, 배포, Supabase 저장과 로그인을 배웁니다.
- 4차시 · 총 185분
- 노트북 실습
- 공개 링크 완성
연수 전에 확인할 것
순천향대학교 대학생을 위한 바이브코딩 실습 과정입니다. 기존 1–6강 과정에서 3·4·5·6강만 분리한 별도 과정입니다. Antigravity·PRD → GitHub·Vercel → Supabase → 로그인·내 자료 권한 순서로 진행합니다. 원본 PPT 4개와 107쪽 발표자료, 해당 요청문·SQL·링크를 제공합니다. 기존 활동 시간 합계는 185분(실습 165분, 휴식 20분)입니다.
- 이런 분께
- 순천향대학교 대학생 · 코딩 입문 · 노트북 실습
- 준비할 것
- 노트북, Noto Sans KR, Antigravity, GitHub·Vercel·Supabase 계정, 테스트 A/B 계정
- 만들 결과
- 로그인하면 내 할 일이 저장되는 공개 앱 주소와 사용 장면
4차시
과정 흐름
4강
4강 · GitHub와 Vercel에 공개하기
같은 저장소와 공개 주소로 첫 게시와 수정 반영을 확인한다
5강
5강 · Supabase 표와 앱 연결 준비
실습용 todos 표와 공개 클라이언트 설정을 준비한다
6강
6강 · 로그인과 내 자료 권한 완성
로그인 후 저장과 두 계정의 자료 분리를 확인하고 공개 주소를 공유한다
4차시 자세히 보기
-
1
3강 · Antigravity와 PRD로 할 일 앱 만들기
PRD.md와 index.html이 있는 로컬 앱을 실행한다
-
2
4강 · GitHub와 Vercel에 공개하기
같은 저장소와 공개 주소로 첫 게시와 수정 반영을 확인한다
-
3
5강 · Supabase 표와 앱 연결 준비
실습용 todos 표와 공개 클라이언트 설정을 준비한다
-
4
6강 · 로그인과 내 자료 권한 완성
로그인 후 저장과 두 계정의 자료 분리를 확인하고 공개 주소를 공유한다
실제 결과 예시
로컬 할 일 앱 · DB 연결 전
원본 3–6강 PPT 4개·107쪽으로 로컬 앱, GitHub·Vercel 배포, Supabase 저장과 로그인을 실습합니다.
실제 사례와 HTML 열기