바이브코딩·AI 에이전트 기업교육

실습

레이싱 게임 만들기

첫 10분 안에 화면에서 뭔가 움직입니다. 이 경험이 나머지 여섯 차시를 끌고 갑니다.

1. 1

   작업 폴더를 만들고 도구에 연결합니다.

2. 2

   한 문장으로 게임을 만들게 합니다.

   브라우저에서 도는 간단한 레이싱 게임을 만들어 줘.
   
   - 단일 HTML 파일 하나로. 더블클릭하면 바로 열리게.
   - 좌우 방향키로 자동차를 움직인다.
   - 위에서 장애물이 내려오고 부딪히면 게임 오버.
   - 점수는 버틴 시간으로 계산해 화면 위에 표시.

3. 3

   열어서 돌려 보고, 하나씩 기능을 붙입니다 — 아이템, 속도 증가, 자동차 모양 바꾸기.

4. 4

   마음에 안 드는 부분을 말로 고칩니다. “장애물이 너무 자주 나와” 같은 식으로.

실습

엑셀 하나로 대시보드 만들기

1. 1

   먼저 데이터만 분석시킵니다. 대시보드는 아직 만들지 않습니다.

   이 폴더의 영업데이터.xlsx 를 열어서 데이터를 분석해 줘.
   - 컬럼 구성과 각 컬럼의 의미(추정), 데이터 타입
   - 행 수, 기간, 지역·제품군·담당자 같은 범주형 컬럼의 고유값
   - 이 데이터로 만들 수 있는 영업 현황·실적 지표 후보를 목록으로
   
   먼저 분석 결과만 요약해 줘. 대시보드는 다음 단계에서 만든다.

2. 2

   받은 지표 후보 중 볼 것을 고르고 화면 구성을 지정해 만들게 합니다.

   영업데이터.xlsx 의 데이터로 영업 현황·실적 대시보드를 만들어 줘.
   
   # 형식
   - 단일 HTML 파일 하나. 데이터를 파일 안에 포함해
     인터넷 없이도 열리게. 차트는 Chart.js.
   
   # 보여줄 지표
   - 상단 KPI 카드: 총 매출, 거래 건수, 평균 거래액, 평균 할인율
   - 월별 매출 추이 / 지역별·제품군별 매출
   - 담당자별 실적 / 거래처별 매출 상위
   - 필터 결과를 표로도 표시
   
   # 조작 기능
   - 우측 상단 '엑셀 업로드' — 같은 형식이면 그 데이터로 갱신
   - 기간·지역·제품군·담당자로 필터
   - 필터를 바꾸면 KPI 와 모든 차트가 즉시 다시 계산되게

3. 3

   열어서 숫자가 엑셀과 맞는지 확인하고, 필터를 바꿔 가며 동작을 봅니다.

실습

키워드 뉴스 수집 에이전트

1. 1

   API 키를 발급받아 연결합니다. 발급 절차는 사전 안내에 포함돼 있습니다.

2. 2

   키워드로 뉴스를 수집하고 본문까지 가져오는 도구를 만듭니다.

   키워드로 뉴스를 수집하는 파이썬 도구를 만들어 줘.
   
   # 동작
   1. 키워드 목록을 입력받는다 (여러 개 가능)
   2. 각 키워드로 네이버 뉴스 검색 API 를 호출한다
   3. 검색 결과에서 기사 URL 을 뽑아 본문을 가져온다
   4. 키워드별로 시트를 나눠 엑셀로 저장한다
      (제목 / 언론사 / 날짜 / 본문 요약 / URL)
   
   # 예외
   - 본문을 못 가져오면 그 행에 "본문 수집 실패"로 표기하고 계속 진행
   - 검색 결과가 0건이면 그 키워드는 시트를 만들지 않고 알린다
   - API 호출 한도를 넘으면 대기 후 재시도

3. 3

   실행해 엑셀 결과를 확인합니다. 본문이 안 가져와지는 기사가 왜 그런지 확인합니다.

4. 4

   키워드를 바꿔 다시 실행하고 그대로 도는지 봅니다.

실습

매일 아침 브리핑 메일

1. 1

   3차시 수집 도구에 요약 기능을 추가합니다.

2. 2

   요약 형식을 지정합니다. 자유 요약이 아니라 항목을 정합니다.

3. 3

   브리핑 메일로 발송하고 본인 주소로 테스트합니다.

   브리핑 에이전트 실행 결과답변 완료

   오늘 키워드 3개로 브리핑 만들어서 보내줘.

   뉴스 브리핑 에이전트

   3개 키워드로 총 47건을 수집해 관련도 상위 12건을 브리핑에 담았습니다. 메일 발송 완료했습니다.

   [반도체 장비]  수집 18건 → 브리핑 5건
     · A사 신규 라인 발주 (전자신문 08-14)
     · 장비 수출 규제 완화 논의 (연합 08-14)
   [2차전지]      수집 21건 → 브리핑 4건
   [경쟁사 동향]  수집  8건 → 브리핑 3건
   
   발송: 3명 · 08:00

   수집 건수와 브리핑에 담긴 건수를 함께 남깁니다.

   ✓ 수집 47건 → 선별 12건 → 발송 완료

   메시지를 입력하세요

   ↑
4. 4

   메일을 열어 형식을 확인하고 다듬습니다.

실습

업무관리 웹앱 설계하기

1. 1

   만들 것을 한 문장으로 적고 AI 에게 역질문을 요청합니다.

   업무관리 웹앱을 만들려고 한다.
   바로 만들지 말고, 먼저 요구사항을 확정하기 위한 질문을 하라.
   
   - 만들 것 : 팀 업무를 등록하고 담당자·기한·상태를 관리하는 웹앱
   - 쓸 사람 : 우리 팀 8명
   
   # 지시
   1. 요구사항을 확정하려면 무엇을 더 정해야 하는지 질문만 하라.
   2. 내가 답하면 그에 맞춰 다음 질문을 이어가라.
   3. 충분히 정해지면 테이블 구조(스키마)와 개발 순서를 제안하라.

2. 2

   질문에 답해 가며 요구사항을 좁힙니다. 서너 번 주고받으면 구체화됩니다.

3. 3

   테이블 구조를 받아 검토합니다. 무엇을 어느 표에 둘지 이해하고 넘어갑니다.

4. 4

   개발 플랜을 확정합니다. 6·7차시에 무엇을 할지가 여기서 정해집니다.

실습

동작하는 업무관리 앱 만들기

1. 1

   5차시 스키마로 DB 를 만들고 샘플 데이터를 넣습니다.

2. 2

   업무 등록·수정·삭제 기능을 구현합니다. 한 번에 다 시키지 않고 하나씩 확인합니다.

3. 3

   실제로 눌러 보며 동작을 확인하고, 안 되는 부분을 말로 고칩니다.

실습

실제로 쓸 수 있게 마무리

1. 1

   담당자·상태·기한으로 필터와 정렬을 추가합니다.

2. 2

   지연된 업무를 눈에 띄게 표시합니다. 기한이 지났는데 완료가 아닌 건.

3. 3

   본인 팀의 실제 업무를 몇 건 넣어 써 봅니다.

4. 4

   다음에 무엇을 붙일지 목록으로 남깁니다.

   7차시 동안 만든 것6개 파일

   HTML01_레이싱게임.html1차시

   HTML02_영업대시보드.html2차시 · 교차 필터

   PY03_뉴스수집.py3차시 · 오픈 API

   PY04_브리핑에이전트.py4차시 · 요약·발송

   ···05-07_업무관리앱/5~7차시 · 풀스택

   ···요청문 모음/재사용 프롬프트 12건

   하루에 다섯 개를 만듭니다. 결과물보다 중요한 건 요청문입니다 — 다른 걸 만들 때 이걸 고쳐 씁니다.