AI Agent 심화 실습

엑셀로 만드는
업무용 웹앱

품질 현황부터 견적·납기·목표매출까지,
매일 확인하는 업무를 화면으로 만듭니다.

실습 01품질검사 대시보드

품질검사
대시보드 만들기

질문을 받을 때마다 엑셀을 다시 집계하던 일을 화면 하나로 줄입니다. 라인·자재·기간을 선택해 현황을 보고, 엑셀에 저장한 새 값도 같은 화면에서 확인합니다.

만들 화면 미리보기크게 보기 ↗
품질 대시보드 샘플. 상단 필터와 검사 현황 카드, 라인별 불합격률·불량유형·주간 추이 차트, 검사자별 집계표가 배치된 화면.
품질 대시보드 화면 구성 예시 · 클릭하면 크게 볼 수 있습니다.
01데이터 설명 만들기
02대시보드 만들기
03엑셀 저장과 연결하기
준비실습 파일

자료를 작업 폴더에 넣습니다

XLSX

품질검사 실습 데이터

품질검사_데이터.xlsx

엑셀 자료 받기
  1. 품질대시보드 폴더를 만들고 내려받은 엑셀을 넣습니다.
  2. AI Agent에서 이 폴더를 작업 폴더로 선택합니다.
  3. 아래 프롬프트를 순서대로 입력합니다. 대시보드는 Chrome 또는 Edge에서 엽니다.
STEP 1데이터 설명 만들기

엑셀을 이해하고,
설명 파일로 남깁니다

엑셀의 구조와 업무에 쓸 항목을 AI가 설명하도록 요청합니다. 정리한 내용을 데이터설명.md로 저장해, 다음 단계의 대시보드 제작에 활용합니다.

PROMPT 1 · 엑셀 이해와 설명 파일 작성
# 과업
출하검사 결과에서 불합격이 늘어난 라인과 주요 불량유형을 파악하려고 해.
대시보드를 만들기 전에, 이 자료를 어떻게 읽고 활용할지 정리해두고 싶어.

## 엑셀 파악
- `품질검사_데이터.xlsx`를 읽고, 어떤 업무 기록인지와 시트 구성, 한 행이 뜻하는 내용을 쉽게 설명해줘.
- 주요 항목의 의미와 관계를 정리하고, 라인별 현황·주간 변화·불량유형을 보려면 어떤 항목을 함께 봐야 하는지 알려줘.
- 날짜나 빈칸처럼 집계할 때 주의할 점도 찾아줘.

## 설명 파일 작성
- 위 내용을 다음 대시보드 제작에 참고할 수 있도록 같은 폴더의 `데이터설명.md`에 간결하게 정리해줘.
- 원본 엑셀은 수정하지 말고, 대시보드는 아직 만들지 마.
설명 파일 살펴보기

생성된 데이터설명.md를 열어 엑셀의 항목을 어떻게 해석했는지 살펴봅니다. 이 파일을 같은 폴더에 두고 다음 요청을 이어갑니다.

STEP 2대시보드 만들기

보고 싶은 정보와
사용 방식을 요청합니다

앞서 정리한 데이터 설명을 바탕으로 확인할 지표와 필터, 집계 기준을 정해줍니다. 정한 기준은 설명 파일에도 반영해, 화면을 만들고 고칠 때 함께 참고합니다.

PROMPT 2 · 품질 대시보드 만들기
# 과업
라인·자재·기간별로 출하검사 결과를 확인하고, 어느 라인과 불량유형부터 살펴볼지 판단하고 싶어.
앞서 만든 `데이터설명.md`를 참고하고, `품질검사_데이터.xlsx`의 실제 값으로 대시보드를 만들어줘.

## 화면에서 확인할 내용
- 라인, 자재명, 시작일·종료일을 선택하거나 초기화할 수 있게 해줘. 선택한 조건을 카드·차트·표에 함께 반영해줘.
- 검사 건수, 불합격 건수, 불합격률, 불합격률이 가장 높은 라인을 요약 카드로 보여줘.
- 라인별 불합격률, 불량유형 TOP5, 라인별 주간 불합격률 추이를 차트로 보여줘.
- 검사자별 검사 건수·불합격 건수·불합격률은 표로 볼 수 있게 해줘.

## 집계 기준
- 불합격률은 검사 건수 대비 불합격 건수로 계산하고 소수 첫째 자리까지 표시해줘.
- 불량유형은 불합격 건만 집계하고, 유형이 비어 있으면 ‘미기재’로 묶어줘.
- 주간 추이는 월요일부터 일요일까지 묶고 주 시작일로 표시해줘.
- 이 집계 기준도 `데이터설명.md`에 반영해줘.

## 사용 방식
- `품질대시보드.html` 파일 하나로 만들고, 브라우저에서 열 수 있게 해줘.
- 화면에서 엑셀 파일을 선택해 데이터를 불러오게 해줘.
- 원본 엑셀은 수정하지 않고, 데이터는 외부 서버로 보내지 마.
- 흰 배경에 주황색을 포인트로 쓰고, 숫자와 차트가 읽기 쉬운 업무용 화면으로 만들어줘.
만든 화면 열기

품질대시보드.html을 브라우저로 열고 실습용 엑셀을 선택합니다. 라인이나 기간을 바꿔 현황을 살펴봅니다.

STEP 3엑셀 저장과 연결하기

저장한 내용이
화면에 따라오게 합니다

엑셀이 바뀔 때마다 파일을 다시 불러오는 일을 줄입니다. 자동으로 갱신하면서도 보고 있던 라인과 기간은 유지하도록 요청합니다.

PROMPT 3 · 엑셀 자동 갱신
# 과업
검사 결과는 계속 엑셀에 입력할 거야. 저장할 때마다 파일을 다시 불러오지 않고, 대시보드에서 최신 현황을 보고 싶어.

## 저장 내용 자동 반영
- `품질대시보드.html`에서 엑셀 파일을 한 번 선택하면, Chrome이나 Edge에서 3초마다 변경 여부를 확인해줘.
- 파일이 바뀌면 카드·차트·표를 갱신하되, 내가 보고 있던 라인과 기간 등의 필터는 유지해줘.
- 최신 자료가 반영됐는지 알 수 있도록 연결한 파일명, 자동 갱신 상태, 마지막 갱신 시각을 보여줘.
- 엑셀이 저장 중이라 잠깐 읽히지 않으면 다음 주기에 다시 시도해줘.
- 자동 갱신이 안 되는 환경에서는 파일을 다시 선택해 갱신할 수 있게 해줘.
- 기존 화면 구성과 집계 방식은 유지해줘.
엑셀을 바꿔보기

대시보드에서 엑셀을 다시 선택하고 필터를 초기화합니다. 엑셀의 합격 한 건불합격으로 바꾸고 불량유형에 출력미달을 입력한 뒤 저장합니다. 대시보드의 변화를 보고, 바꾼 셀은 원래 값으로 되돌려 저장합니다.

엑셀 수정·저장변경 확인대시보드 갱신
실습 02견적·납기·목표매출 관리

견적·납기·목표매출
관리 웹앱 만들기

단가표에서 금액을 찾고, 달력으로 납기를 세고, 실적을 모아 목표와 비교하던 일을 웹앱 하나로 만듭니다. 엑셀 자료와 내가 알고 있는 업무 규칙을 AI에게 전달해, 우리 팀의 방식대로 작동하게 합니다.

화면 구성 예시 · 이미지를 누르면 크게 볼 수 있습니다.

STEP 1자료 살펴보기
STEP 2견적서 만들기
STEP 3납기 관리 추가
STEP 4목표매출 확인
만들 도구왜 단일 HTML인가

파일 하나를 열면,
세 가지 업무 화면이 뜹니다

자료는 엑셀 하나, 도구는 HTML 하나. 기준·실적·양식을 담은 PMS 실습자료를 AI Agent가 pms.html로 만들면 브라우저에서 견적서·납기·목표매출을 사용합니다. 별도 앱 설치 없이 한 파일을 이동·전달하고 내 PC에서 입력·계산합니다. 파일을 공유해도 여러 사람의 입력이 자동으로 합쳐지지는 않습니다.
단일 HTML로 만드는 업무 도구16:9 장표 이미지 받기 ↓
준비통합 실습 엑셀

이번 자료는 엑셀 하나입니다

단가표·팀원·실적·견적서 양식을 시트별로 담았습니다. 파일 하나를 새 작업 폴더에 넣고 시작합니다.

XLSX

PMS 통합 실습자료

PMS_실습자료.xlsx

엑셀 자료 받기
  1. 영업관리_PMS 폴더를 만들고 내려받은 엑셀을 넣습니다.
  2. AI Agent에서 이 폴더를 작업 폴더로 선택합니다.
  3. 아래 프롬프트로 자료를 읽힌 뒤, 기능을 만들 때 적용할 업무 규칙을 설명합니다.
STEP 1자료 살펴보기

자료를 읽히고,
업무 규칙은 직접 설명합니다

먼저 사용할 자료를 파악하게 합니다. 이후 프롬프트에는 실무자가 알고 있는 할인·납기·실적 판단 기준을 담습니다. 아래 예시의 규칙을 우리 팀의 기준으로 가정하고 진행합니다.

엑셀의 자료내가 설명한 업무 규칙업무용 웹앱
PROMPT 4 · PMS 자료 읽기
# 과업
거래처의 견적 요청을 처리하고, 납품 일정과 팀의 월 목표 대비 실적을 함께 관리해야 해.
이 업무를 한 화면에서 처리하는 영업 관리 웹앱을 만들고 싶어.

## 먼저 자료 검토
- `PMS_실습자료.xlsx`의 자료와 견적서 양식을 살펴봐줘.
- 견적 작성, 납기 확인, 월 목표 대비 실적에 각각 어떤 자료를 연결해 쓸지 간단히 정리해줘.
- 할인·납기·실적 집계 기준은 다음 요청에서 설명할게. 아직 파일을 만들거나 수정하지 마.
STEP 2견적서 만들기

품목과 수량을 넣으면
견적서가 채워집니다

평소 적용하던 수량 할인과 주문 기준을 설명하고, 입력부터 견적서 출력까지 연결합니다. 먼저 견적서 탭을 만들고, 나머지 두 탭은 다음 단계에서 채웁니다.

PROMPT 5 · 견적서 만들기
# 과업
거래처에서 품목과 수량을 알려주면, 우리 단가와 할인 기준을 적용해 견적서를 작성하고 PDF로 전달하고 싶어.

## 견적 작성 흐름
1. 거래처를 목록에서 고르거나 직접 입력하고, 담당자를 선택하게 해줘.
2. 품목과 수량을 입력하면 단가·할인·부가세·합계를 계산해줘. 품목은 여러 개 추가하거나 삭제할 수 있게 해줘.
3. 엑셀의 견적서 양식에 맞춰 보여주고, 견적서만 A4 한 장으로 인쇄하거나 PDF로 저장하게 해줘.

## 우리 팀의 견적 기준
- 품목별 주문수량에 따라 1~9개는 할인 없음, 10~49개는 3%, 50~99개는 5%, 100개 이상은 8% 할인해줘.
- 할인한 단가에 수량을 곱해 공급가를 구하고, 공급가 합계에 부가세 10%를 더해줘. 부가세는 원 미만 반올림하고, 견적서에는 할인 적용 단가와 할인율을 표시해줘.
- 제품단가표의 최소수량보다 적게 주문하면 안내하되, 견적 계산은 계속할 수 있게 해줘.
- 새 견적번호는 견적실적의 가장 큰 번호 다음부터 이어서 부여하고, 한 견적의 여러 품목에는 같은 번호를 써줘.

## 화면과 자료 사용
- `pms.html` 파일 하나로 열리게 해줘. 견적서 · 납기 · 목표매출 탭을 두고, 이번에는 견적서부터 만들어줘.
- 엑셀의 자료를 앱에 담아 처음부터 바로 작업할 수 있게 해줘.
- 단가나 실적이 바뀌면 ‘엑셀 다시 불러오기’로 새 파일의 자료를 반영할 수 있게 해줘.
- 원본 엑셀은 수정하지 않고, 데이터는 외부 서버로 보내지 마.
- 주황색 계열의 단정한 업무용 화면으로 만들어줘.
견적 한 건 만들기

pms.html을 열고 거래처·담당자를 선택합니다. 품목 두 개와 수량을 넣은 뒤 인쇄 미리보기에서 견적서를 살펴봅니다.

STEP 3납기 관리 추가하기

언제 납품할 수 있고,
어떤 주문을 먼저 봐야 할까요?

납기일을 세는 방식, 긴급 주문의 단축 기간, 먼저 챙길 주문의 기준을 설명합니다. 이 기준으로 납기 계산과 주문 목록이 작동하게 합니다.

PROMPT 6 · 납기 관리 추가
# 과업
거래처에 예상 납기일을 안내하고, 지연됐거나 곧 납품해야 할 주문을 먼저 챙기고 싶어.

## 우리 팀의 납기 기준
- 기본 소요일수는 제품단가표의 표준리드타임일을 쓰고, 수주일 다음 날부터 세어줘.
- 태양광모듈·인버터·ESS는 토·일요일과 공휴일 시트의 날짜를 빼고, 전력기기는 주말·공휴일을 포함해서 계산해줘.
- 긴급 주문은 기본 소요일수에서 태양광모듈 3일, 인버터 2일, ESS 5일, 전력기기 2일을 줄인 뒤 납기일을 계산해줘.
- 납품완료는 알림에서 제외해줘. 납기일이 지났거나 진행상태가 ‘지연’이면 지연, 그 외에 기준일부터 3일 뒤까지 납기인 주문은 임박으로 구분해줘.

## 화면에서 할 일
- `pms.html`의 납기 탭에서 자재, 수주일, 긴급 여부를 입력하면 예상 납기일을 계산해줘.
- 계산에 적용한 기간과 제외한 날짜를 함께 보여줘.
- 수주납기 시트의 기존 납기일을 기준으로, 주문별 담당자와 남은 날짜 수를 보여줘. 지연·임박 주문은 위쪽에 모으고 각각 몇 건인지 표시해줘.
- 오늘 기준으로 보여주되, 다른 날짜를 기준으로도 현황을 조회할 수 있게 해줘.
- 기존 견적서 기능과 디자인은 유지해줘.
납기 비교하기

자재와 수주일을 입력하고 긴급 여부를 바꿔봅니다. 목록의 기준일을 바꾸면서 지연·임박 주문이 어떻게 달라지는지도 살펴봅니다.

STEP 4목표매출 확인하기

이번 달 목표를
얼마나 채웠는지 봅니다

어떤 상태의 금액을 어느 달의 실적으로 볼지 정해줍니다. 같은 기준으로 팀원별·팀 전체의 목표 달성률을 확인합니다.

PROMPT 7 · 목표 대비 실적
# 과업
이번 달에 팀원별로 목표를 얼마나 채웠는지, 팀 전체 실적은 어느 정도인지 확인하고 싶어.
월을 바꿔 지난달 실적도 같은 방식으로 보고 싶어.

## 우리 팀의 실적 기준
- 견적실적에서 ‘수주’ 상태인 견적금액만 실적으로 잡고, 수주일이 속한 달에 반영해줘.
- 팀원 시트의 월목표매출과 선택한 달의 수주 금액을 비교해줘.
- 팀 전체 달성률은 팀의 목표 합계 대비 수주 금액 합계로 계산해줘.

## 화면에서 확인할 내용
- `pms.html`의 목표매출 탭에서 월을 선택하게 해줘.
- 팀원별 목표·수주 금액·달성률을 보여주고, 달성률은 진행 막대로 표시해줘.
- 팀 전체의 목표, 수주 금액, 달성률도 함께 보여줘.
- 기존 기능과 디자인은 유지해줘.
월을 바꿔보기

목표매출 탭에서 월을 바꿔 팀원별 달성률을 비교합니다. 엑셀의 팀원 시트에서 한 사람의 목표를 바꿔 저장한 뒤, 앱의 엑셀 다시 불러오기로 반영해봅니다.

견적서 작성·출력납기 계산·확인월 목표와 실적 비교