AI 에이전트와 바이브 코딩 실습
Shared on August 19, 2026
AI 에이전트 & 바이브 코딩 교육 요약
개요
- 강사: 신주일 경사님 (AI 전문가, 리얼리더십)
- 대상: 인재개발팀, 롯데렌탈 직원 등 비개발자 포함
- 목표: AI 에이전트와 바이브 코딩을 활용해 업무 자동화 도구를 직접 만들고, 실제 업무에 적용할 수 있는 역량 함양
핵심 개념
| 항목 | 내용 |
|---|---|
| AI 에이전트 | 기획 → 실행 → 판단의 3단계 흐름을 자동화한 도구. 프롬프트 기반이 아닌 설계 → 시스템 프롬프트 방식. |
| 바이브 코딩 | 비개발자도 손쉽게 앱을 만들 수 있는 도구(Clod, Google AI Studio 활용). 단일 HTML 파일로 배포 가능. |
| 프로세스 모델 | 발산(Brainstorming) → 조사 → 분석 → 보고서 작성 → 실행. 모든 부서가 공통적으로 수행. |
| 핵심 프롬프트 구조 | ① 롤(역할) 명시 → ② 인스트럭션(명확한 지시) → ③ 컨텍스트(배경) → ④ 예시(샘플) → ⑤ 태그(분류) |
| 에이전트 설정 단계 | 1. 지침(7806자) 입력 → 2. 해설 활성화 → 3. 컨테스트(상황별 시나리오) 설정 → 4. 버전 관리(V1, V2 등) |
| 바이브 코딩 단계 | 1. 뼈대 설계 → 2. 데이터 연결 → 3. 디자인 스택 지정 → 4. 기능 구현 → 5. 테스트 & 버전 관리 |
상세 내용
1. 교육 일정
| 시간 | 내용 |
|---|---|
| 09:30–11:30 | 업무 에이전트 3종 등록 및 실습 |
| 11:30–13:00 | 점심·휴식 |
| 13:00–15:00 | 바이브 코딩 실습 (앱 제작) |
| 15:00–15:30 | Q&A 및 마무리 |
2. AI 에이전트 개념
- 프롬프트 방식은 반복적 수동 작업이 필요해 비효율적.
- 에이전트 방식은 한 번 설정하면 자동으로 업무 흐름을 완성해 주며, 시스템 프롬프트를 통해 자율 판단 가능.
- 3단계 진화:
- 프롬프트 → 2. 설계 → 3. 자율 AI
3. 바이브 코딩 활용
- Clod: AI 기반 코드 생성, 4시간 사용 한도(무료 버전).
- Google AI Studio: 무료 테스트, 디자인 추천 기능 제공.
- 핵심 부품:
sheet.js,chart.js,html2canvas,jspdf. - 출력 방식: 단일 HTML 파일로 배포 → 로컬 실행, 인터넷 불필요.
4. 실습 흐름
- 에이전트 설정
- 지침 입력(7806자) → 해설 켜기 → 컨테스트 예시(상황 시나리오) 삽입 → 버전 관리
- 바이브 코딩
- 뼈대: 화면 구성(상단/중앙/하단), 시계, 날짜 표시
- 데이터: 엑셀 파일 연결 → 시트.js 사용
- 디자인: 색상(롯데레드), 폰트, 레이아웃 지정
- 기능: 교대 배지, 카운트다운, PDF 저장
- 테스트 & 디버그
- 콘솔(F12) 확인 → 오류 메시지 복사 → AI에 전달해 해결
- 버전(V1, V2…) 관리하여 재실행
5. 주요 팁
- 프롬프트 길이: 8,000자 이하로 제한, 맥락을 잃지 않도록 단계별 입력
- 컨텍스트 제공: 업무 상황, 목표, 제약조건을 명확히 기재
- 태그 활용:
#비즈니스,#기술,#리스크등으로 분류 - 버전 관리:
V1,V2등으로 변경 기록 보관 - 데이터 보안: 외부 서버에 저장하지 않고 HTML 내부에 포함, 민감 데이터는 제외
6. 기대 효과
- 업무 효율: AI를 통한 1.5시간 업무 시간 단축(개인)
- 조직적용성: 40% 기업이 AI 에이전트 내장 예정(2026년)
- 비개발자 역량 강화: 코드 작성 없이도 앱 제작 가능
- 리스크 관리: 데이터 유출 방지, 정합성 확보
결론
본 교육은 AI 에이전트와 바이브 코딩을 실습 중심으로 진행하며, 비개발자도 업무 도구를 직접 설계·제작할 수 있는 역량을 키우는 것을 목표로 한다. 학습한 내용은 즉시 업무에 적용 가능하며, 조직 전반에 AI 활용 문화를 확산시키는 기반이 된다.