교육과정
Course Detail
바이브코딩 : 공공API를 활용한 앱서비스 만들기
1.Overview / 과정 운영 개요
교육 목표
AI(바이브코딩)와 협업하여 공공API 연동 앱서비스를 직접 기획·제작·배포할 수 있다
내 담당 업무를 서비스화·자동화하는 실전 프로젝트를 완수할 수 있다
내 담당 업무를 서비스화·자동화하는 실전 프로젝트를 완수할 수 있다
과정 특징
AI(바이브코딩) 방식으로 코드 생성 — 문법 암기 없이 대화로 개발
API 개념·인증키 발급·데이터 연동까지 공공데이터 활용 전 과정을 한 번에 실습
자기 담당 업무와 연계한 서비스를 직접 기획·제작하는 프로젝트형 과정
실습 결과물(웹앱)을 당일 무료 플랫폼에 배포하고 URL·QR코드 공유까지 완성
API 개념·인증키 발급·데이터 연동까지 공공데이터 활용 전 과정을 한 번에 실습
자기 담당 업무와 연계한 서비스를 직접 기획·제작하는 프로젝트형 과정
실습 결과물(웹앱)을 당일 무료 플랫폼에 배포하고 URL·QR코드 공유까지 완성
수강 대상
시·자치구·투자출연기관 직원, 업무 자동화에 관심 있는 공무원 (코딩 경험 불필요, AI 기본 사용 경험 권장)
2.Curriculum / 교육 내용
총 14h
세부 내용
시간
비고
- 바이브코딩 개념 및 앱서비스 제작 전체 과정 overview
- AI 도구 세팅 및 프롬프트 대화법 기초
- AI로 첫 웹페이지 생성·수정 요청 실습
- API 개념(요청·응답) 및 JSON 데이터 구조 이해
- 공공데이터포털(data.go.kr) 활용신청 및 인증키 발급
- 내 업무 관련 공공API 탐색 및 선정
- 즉시승인 API(날씨·미세먼지 등) 데이터 연동 실습
- 공공데이터 조회 웹앱 제작 및 AI 디버깅 프롬프트법
- 내 업무 연계 서비스 아이디어 도출 및 기획서 작성
- 기획서를 프롬프트로 변환하여 서비스 뼈대 구축
- 검색·필터 등 편의 기능 추가 및 모바일 화면 대응
- 무료 플랫폼(Netlify·GitHub Pages) 배포 및 URL·QR코드 공유
- 결과물 발표 및 상호 피드백
- 업무 자동화 확장 로드맵 및 수료 후 자기주도 학습 가이드
14
—
계
14
3.Timetable / 상세 시간표
1일차
| 시간 | 교육주제 | 세부 내용 |
|---|---|---|
| 1 | 바이브코딩의 이해 | 바이브코딩 개념·개발 패러다임 변화·AI 도구 세팅(Claude/ChatGPT)·공무원 업무 활용 사례 |
| 2 | AI로 첫 웹페이지 만들기 | 프롬프트 한 줄로 웹페이지 생성·HTML·CSS·JS 구조를 "읽는 눈" 기르기·수정 요청 프롬프트 패턴 |
| 3 | API 개념 완전 정복 | API란 무엇인가·요청과 응답의 원리·JSON 데이터 구조 읽기·브라우저에서 API 직접 호출 실습 |
| 4 | 공공데이터포털 활용 | data.go.kr 회원가입·활용신청 절차·인증키(서비스키) 발급·승인 대기형 API 선(先)신청·내 업무 관련 공공API 탐색 |
| 5 | 공공API 연동 실습 | 즉시승인 API(날씨·미세먼지 등)로 데이터 받아오기·API 호출 코드 AI 생성 요청 |
| 6 | 공공API 연동 실습 | 받아온 데이터를 화면에 표시하는 웹앱 제작·화면 구성 다듬기 |
| 7 | 공공API 연동 실습 | 에러 발생 시 AI에게 해결 요청하는 디버깅 프롬프트법·1일차 결과물(실시간 공공데이터 조회 웹앱) 완성 |
2일차
| 시간 | 교육주제 | 세부 내용 |
|---|---|---|
| 1 | 복습 및 프로젝트 기획 | 1일차 핵심 복습(API 호출 흐름)·내 업무 연계 서비스 아이디어 도출·프로젝트 기획서 1장 작성(기능·데이터·화면) |
| 2 | 프로젝트 제작 Ⅰ | 기획서를 프롬프트로 변환하는 방법·AI와 함께 서비스 기본 화면 구현 |
| 3 | 프로젝트 제작 Ⅰ | 내가 선정한 공공API 연동 구현·개별 실습 + 강사 순회 코칭 |
| 4 | 프로젝트 제작 Ⅱ | 검색·필터·즐겨찾기 등 편의 기능 추가·자주 만나는 에러 유형과 AI 디버깅 실전 |
| 5 | 프로젝트 제작 Ⅱ | 모바일 화면 대응(반응형)·디자인 다듬기·서비스 완성도 점검 |
| 6 | 서비스 배포 | 무료 배포 플랫폼(Netlify/GitHub Pages) 활용·내 서비스 URL 생성·스마트폰 확인·QR코드 공유 준비 |
| 7 | 발표 및 확장 로드맵 | 조별 결과물 발표·상호 피드백·업무 자동화 확장 아이디어(알림·문서·통계)·수료 후 자기주도 학습 가이드 |
4.Target & Effect / 수강 대상 및 기대 효과
수강 대상
- 시·자치구·투자출연기관 직원, 업무 자동화에 관심 있는 공무원 (코딩 경험 불필요, AI 기본 사용 경험 권장)
기대 효과
- 개발자 없이 담당 업무에 필요한 소규모 서비스를 직접 제작·배포하는 실전 역량 확보
- 공공데이터(공공API) 활용 능력 향상으로 데이터 기반 행정·대민 서비스 품질 개선
- 바이브코딩 습득으로 조직 내 디지털 전환·업무 자동화 문화 확산
- 수료 후 자기주도적으로 서비스를 유지보수·확장할 수 있는 기반 마련
이전 과정
AI 바이브코딩을 활용한 웹사이트 제작 실무
마지막 과정입니다