[여의도] 바이브코딩으로 나만의 웹사이트 만들고 배포하기
쿠폰
- 교육일정
-
2026-07-30 ~ 2026-07-31
- 신청기간
- 2026-07-01 ~ 2026-07-29
- 교육일수
- 2일
- 교육시간
-
14시간
- 1일차 09시00분 ~ 17시00분
- 2일차 09시00분 ~ 17시00분
- 점심시간13:00 ~ 14:00
- 정원
- 30명
- 교육비
- 일반 690,000원 법인회원 620,000원
- 담당자
- KMA공개교육센터 02-3274-9215
- 장소
- KMA 공개교육센터
상세안내
학습목표
- • 기능 추가·수정 프롬프트를 활용해 내 업무에 최적화된 AI 도구를 직접 설계하고 완성할 수 있다.
• AI에게 업무 패턴을 학습시켜 업무 효율을 높일 수 있다.
• AI 활용 중 발생하는 문제를 스스로 해결하는 방법을 익히고, 질의 응답을 통해 활용 역량을 높일 수 있다.
수강대상
- • 코딩 경험 없이 나만의 웹사이트를 만들어보고 싶은 직장인
• AI 기반 개발 프로세스 전체를 경험하고 싶은 중급 실무자
• 아이디어를 실제 배포 가능한 웹사이트로 완성하고 싶은 직장인
시간표
| 일정 | 모듈 | 세부내용 | 학습진행 및 개요 |
|---|---|---|---|
| 1일차 |
바이브코딩 개요 + 아이디어 확정 1시간 |
1) 바이브코딩이란? — 코딩 없이 웹사이트 만들기 2) 2일 완성 로드맵 - GitHub → AI Studio → Codex → Supabase → Vercel 3) 내가 만들 웹사이트 아이디어 결정 - 기능 목록 + 화면 구성 기획 스케치 |
강의 토의 |
|
PRD 작성 실습 2시간 |
1) PRD란? — AI가 코드를 짜려면 무엇이 필요한가 2) ChatGPT로 PRD 작성 - 기능 목록 / 화면 구성 / 데이터 구조 구체화 3) 코드 생성 가능한 수준으로 다듬기 |
실습 | |
|
Google AI Studio 코드 생성 2시간 |
1) PRD 입력 → 웹사이트 코드 초안 생성 2) AI Studio에 PRD 붙여넣기 - HTML/CSS/JS 코드 생성 + 구조 이해 3) 기능 작동 확인 + 수정 요청 |
실습 | |
|
GitHub 연동 + Codex로 로컬 실행 2시간 |
1) GitHub 저장소 생성 2) VSCode + ChatGPT Codex 확장 설치 3) AI Studio 코드 → GitHub → 로컬로 가져오기 4) Codex로 오류 수정 |
실습 | |
| 2일차 |
Supabase DB 연결 1.5시간 |
1) Supabase 프로젝트 생성 2) DB 테이블 설계 — 무엇을 저장할지 3) 웹사이트 ↔ Supabase 연동 |
실습 |
|
Vercel 배포 1.5시간 |
1) Vercel + GitHub 연동 2) 자동 배포 설정 - 코드 수정 → URL 자동 반영 3) 나만의 URL 확인 + 공유 |
실습 | |
|
처음부터 혼자 구축하기 3시간 |
1) 새 아이디어로 전체 흐름 혼자 반복 - 아이디어 → PRD → AI Studio → Codex → Supabase → Vercel 2) 막히면 Codex에게 직접 질문 |
실습 | |
|
최종 발표 1시간 |
1) 내 웹사이트 URL 공유 + 3분 발표 - 어떤 문제를 해결하는지 - 가장 어려웠던 부분 + 해결 방법 2) 팀 피드백 + Q&A |
발표 토의 |
수강후기
5점
(1)
4점
(1)
3점
(0)
2점
(0)
1점
(0)
교육장안내
KMA오픈러닝센터
- 평일
- 08:30 ~ 17:30
- 휴무시간
- 12:30 ~ 13:30
- 교육문의
- KMA 공개교육센터 (02-3274-9215)
- 팩스
- 0502-400-9988 / 02-3274-9399
- 쿠폰문의
- KMA 회원서비스센터 (02-3274-9362)
