교육과정
Course Detail
바이브 코딩 with AI — Html,API,Firebase 실무 활용
1.Overview / 과정 운영 개요
교육 목표
웹이 작동하는 원리 이해 HTML·CSS·JS 역할 구분 Firebase 서비스를 이해한다.
AI 활용 코드 생성 및 수정 공공 API 연동 웹페이지 제작 Firebase DB 앱 제작 할 수 있다.
AI 활용 코드 생성 및 수정 공공 API 연동 웹페이지 제작 Firebase DB 앱 제작 할 수 있다.
과정 특징
AI 활용한 바이브코딩을 100% 프로젝트 실습 과정
수강 대상
업무자동화 및 스킬 향상 희망하는 분
2.Curriculum / 교육 내용
총 14h
세부 내용
시간
비고
- AI 바이브코딩 이해 및 웹이 작동하는 원리
- VS Code + Chrome 환경 점검
- HTML + CSS 실습-나의 첫 웹페이지
- JavaScript 핵심-클릭하면 뭔가 일어난다
- API 연동-공공데이터포털 API 키 발급
- Firebase-데이터베이스 연동
- Firebase 연동 웹만들기
- 팀 프로젝트 제작-우리 부서 앱 만들기
- Firebase Hosting-인터넷 배포
14
—
계
14
3.Timetable / 상세 시간표
1일차
| 시간 | 교육주제 | 세부 내용 |
|---|---|---|
| 1 | 바이브코딩 | AI 바이브코딩 이해 및 웹이 작동하는 원리 |
| 2 | 바이브코딩 | VS Code + Chrome 환경 점검 |
| 3 | 바이브코딩 | HTML + CSS 실습-나의 첫 웹페이지 |
| 4 | 바이브코딩 | JavaScript 핵심-클릭하면 뭔가 일어난다 |
| 5 | API연동 | API 연동-공공데이터포털 API 키 발급 |
| 6 | API연동 | API 연동-날씨 또는 버스 도착 앱 만들기 |
| 7 | API연동 | 프로젝트-우리 부서 관련 공공 앱 만들기 |
2일차
| 시간 | 교육주제 | 세부 내용 |
|---|---|---|
| 1 | 바이브코딩 | HTML / CSS / JS / API 관계 재확인 |
| 2 | Firebase 연동 | Firebase-데이터베이스 연동 |
| 3 | Firebase 연동 | Firebase 연동 웹만들기-부서 공지사항 목록 실시간 가져오기 |
| 4 | Firebase 연동 | Firebase 연동 웹만들기-민원인 대기 시스템 만들기 |
| 5 | Firebase 연동 | Firebase Auth-로그인 기능 추가 |
| 6 | 프로젝트 | 팀 프로젝트 제작-우리 부서 앱 만들기 |
| 7 | 프로젝트 | Firebase Hosting-인터넷 배포 |
4.Target & Effect / 수강 대상 및 기대 효과
수강 대상
- 업무자동화 및 스킬 향상 희망하는 분
기대 효과
- AI 도구를 활용한 디지털 역량 자신감 향상
- 공공 API로 업무 데이터를 시각화하는 실무 능력
- 반복 업무 자동화 프로그램 개발