🚀
중장년 디지털 리더 양성M-4
코딩 몰라도 OK! AI로 만드는 시민 앱
전문 코딩 지식 없이 AI(바이브 코딩)를 활용해 나에게 필요한 웹 서비스를 직접 기획·개발·배포하는 심화 과정입니다.
성인 20세 이상10차시#바이브코딩#웹앱#AI 개발#Vercel
프로그램 소개
교육 목적
전문 코딩 지식 없이도 AI(바이브 코딩)를 활용해 나에게 필요한 웹 서비스를 직접 기획·개발·배포하는 심화 과정입니다. 수강생 각자의 실생활 문제를 웹앱으로 해결하며 시민 개발자로 성장합니다.
프로그램 특징
- ✓바이브 코딩(말로 하는 코딩) 기반 — 코드 작성 불필요
- ✓Google AI Studio · AntiGravity · Stitch 등 최신 AI 도구 활용
- ✓매 차시 내 프로젝트에 기능 누적 → 10차시에 완성된 웹앱 배포
- ✓GitHub + Vercel 실전 배포 경험
- ✓패들렛·스마택트 플랫폼 활용 상호 피드백 시스템
기대 효과
AI 도구를 활용하여 나만의 웹 서비스를 기획부터 개발·배포까지 독립적으로 완수하고, 시민 개발자로서 디지털 문제 해결 역량을 갖춘다.
커리큘럼 (10차시)
강의계획서
디지털 프로그램으로 더 좋은 삶을 소개하는
SMARTACT
| 강좌명 | 코딩 몰라도 OK! AI로 만드는 시민 앱 |
| 목적 | 전문 코딩 지식 없이도 AI(바이브 코딩)를 활용해 나에게 필요한 웹 서비스를 직접 기획·개발·배포하는 심화 과정입니다. 수강생 각자의 실생활 문제를 웹앱으로 해결하며 시민 개발자로 성장합니다. |
| 대상 | 성인 20세 이상 |
| 프로그램 특징 |
|
| 기대효과 | AI 도구를 활용하여 나만의 웹 서비스를 기획부터 개발·배포까지 독립적으로 완수하고, 시민 개발자로서 디지털 문제 해결 역량을 갖춘다. |
세부운영계획
| 회차 | 주제 | 핵심 내용 | 결과물 |
|---|---|---|---|
| 1회차 | 서비스 기획 — 내 문제를 웹으로 풀겠다 |
| 시민 문제를 발견하고 웹 서비스로 해결하겠다는 1문장 선언문을 만든다 |
| 2회차 | 바이브 코딩 입문 — 말로 하는 코딩 |
| 프롬프트 하나로 웹페이지를 생성하는 경험을 한다 |
| 3회차 | 웹 구조 이해 — HTML·CSS·JS의 역할 |
| HTML(뼈대), CSS(디자인), JS(동작)의 역할을 체감하고 멀티페이지 사이트를 생성한다 |
| 4회차 | 입력과 출력 — 사용자와 대화하는 웹 |
| 폼, 버튼, 결과 표시 등 사용자 인터랙션을 구현한다 |
| 5회차 | 변수의 활용 — 데이터에 이름표 붙이기 |
| 변수 개념을 일상 비유로 이해하고 동적 웹페이지를 만든다 |
| 6회차 | 조건문 설계 — 만약에~라면 로직 |
| if/else 로직을 적용하여 사용자 맞춤형 경험을 제공한다 |
| 7회차 | AI 엔진 연결 — 똑똑한 앱 만들기 |
| Gemini API를 웹앱에 연결하여 AI 기능을 탑재한다 |
| 8회차 | 오류 수정(디버깅) — AI와 함께 문제 해결 |
| 에러를 두려워하지 않고 AI로 해결하는 습관을 기른다 |
| 9회차 | 사용자 최적화 & Vercel 배포 |
| UX를 다듬고 Vercel에 배포하여 전 세계에 공개한다 |
| 10회차 | 최종 시연 — 시민 개발자 탄생! |
| 완성된 서비스를 발표하고 시민 개발자로서의 다음 단계를 설계한다 |
강의계획서를 미리보기하거나 PDF로 다운로드할 수 있습니다.
기관 담당자분들에게 보내실 수 있도록 SMARTACT 브랜드 양식으로 제공됩니다.
과정 정보
카테고리중장년 디지털 리더 양성
대상성인 20세 이상
차시10차시
커리큘럼10개 세션
교육 문의하기
기관/학교/기업 맞춤형 교육을 요청하세요.