SK스페셜티
팀장&AI 협의체 대상AI Literacy
역량강화 교육

오늘 만들 두 가지

보고서를 만들 때마다 같은 작성 기준을 설명하고, Excel에서 필요한 업무를 찾느라 필터와 계산을 반복할 때가 있습니다. 오늘은 보고서 작성 기준을 Project에 저장하고, Excel을 읽어 필요한 업무와 숫자를 보여주는 HTML 대시보드를 만듭니다.

• Project: 업무 메모를 정해진 기준과 서식에 따라 주간보고로 정리합니다.
• HTML 대시보드: 업무현황 Excel에서 날짜·상태를 계산해 확인할 업무를 보여줍니다.

L1·L3은 강사와 함께 만듭니다. L2·L4는 설계 질문에 답하며 각자의 과제를 진행합니다. 안내와 프롬프트는 필요한 부분을 찾아 사용합니다.

실습 준비

1. Gen AI Hub와 워크북을 나란히 엽니다.

강사와 함께 기본 채팅과 파일 첨부, Project의 지침·문서 관리 위치를 확인합니다.

2. 실습자료를 내려받고 압축을 풉니다.

실습자료 한 번에 받기

3. 파일별로 사용하는 위치를 확인합니다.

메모와 업무현황은 파일로 첨부하지 않습니다. 워크북의 ‘내용 보기’에서 복사해 프롬프트 아래에 붙여 넣습니다. 파일로 올리는 것은 Project 소스뿐입니다.

나만의 AI 이미지 만들기

업무 실습에 앞서 개인·가족·취미에 쓸 이미지를 하나 만들어 봅니다.

1. 주제 고르기: 아래 네 가지 중 하나를 고릅니다.
2. 이미지 만들기: 기본 채팅의 이미지 생성 기능에 주제별 예시 프롬프트를 넣습니다.
3. 한 가지 바꾸기: 마음에 들지 않는 부분 하나를 바꾸어 봅니다.

위 그림은 다음 쪽의 예시 프롬프트로 만든 샘플입니다.

주제별 예시 프롬프트

고른 주제의 프롬프트를 복사해 기본 채팅의 이미지 생성 기능에 넣습니다. 장소·색·분위기는 원하는 대로 바꿔도 됩니다.

가족이 가을 공원에서 피크닉을 즐기는 모습을 따뜻한 수채화 일러스트로 그려줘. 배경에는 단풍나무와 돗자리를 넣어줘.

밝게 웃는 골든리트리버를 귀여운 스티커 캐릭터로 만들어줘. 굵은 외곽선과 단순한 색상을 사용하고 배경은 흰색으로 해줘.

커피와 책을 주제로 독서 모임 포스터를 만들어줘. 크림색 배경과 차분한 브라운 계열을 사용한 미니멀 일러스트 스타일로 구성해줘.

친구의 생일을 축하하는 카드 이미지를 만들어줘. 작은 케이크와 꽃을 중심으로 파스텔톤의 세련된 일러스트 스타일로 만들어줘.

한 가지를 바꾸어 보기

새 이미지를 처음부터 만들지 않고, 같은 대화에서 방금 만든 이미지의 한 부분만 바꿉니다. 색상, 배경, 인물의 표정, 그림 스타일 중 하나를 고릅니다.

현재 이미지의 전체 구성과 인물은 유지하고, 배경을 가을 공원에서 눈 내리는 겨울 공원으로 변경해 줘.

현재 캐릭터의 모양과 색은 유지하고, 표정만 윙크하며 웃는 얼굴로 바꿔 줘.

현재 포스터의 구성과 그림은 유지하고, 색상만 짙은 초록과 베이지 계열로 바꿔 줘.

현재 카드의 케이크와 꽃 배치는 유지하고, 그림 스타일만 색연필로 그린 손그림 느낌으로 바꿔 줘.

한 가지를 바꾸어 보기 (계속)

요청한 부분만 달라졌는지 봅니다. 보고서와 대시보드를 고칠 때도 바꿀 부분과 유지할 부분을 함께 말합니다.

AI는 대화를 이어가며 결과를 고칠 수 있습니다. 다만 업무에서는 같은 기준을 매번 다시 설명하기 번거롭습니다. L1에서는 그 기준을 정리해 Project에 저장하고 반복해서 씁니다.

가상 업무지원팀의 메모로 팀 주간업무 보고 도우미를 만듭니다. 보고서에 필요한 조건을 고른 뒤 지침과 소스로 저장합니다.

메모에서 첫 보고서 만들기

새 기본 채팅에 아래 프롬프트를 넣고, 메모 A 내용 보기에서 복사한 메모를 그 아래에 붙여 한 번에 보냅니다.

자료 A는 2026-10-01 기준입니다. 네 사람의 메모에 업무가 두 건씩 있습니다. T01~T08은 같은 업무를 찾아보기 위한 번호입니다. 사례의 기준일은 수업 날짜와 다릅니다.

아래에 붙인 팀원들의 업무 메모를 주간보고로 정리해 줘.

결과에서 무엇을 먼저 보여줬는지, 어떤 표를 만들었는지 봅니다. 팀장이 결정할 일부터 보고 싶었다면 그 조건을 다음 요청에서 정하면 됩니다.

지금은 항목과 순서를 누가 정했는지 봅니다. 사실이 원자료와 맞는지는 원자료 대조에서 확인합니다.

AI에게 먼저 질문받기

첫 결과와 섞이지 않도록 새 기본 채팅을 엽니다. 아래 프롬프트 뒤에 메모 A 내용 보기의 메모를 다시 붙여 하려는 일과 질문 요청을 한 번에 보냅니다.

아래에 붙인 팀원들의 업무 메모를 팀 회의에서 볼 주간보고로 정리하려고 해.

바로 보고서를 쓰지 말고, 이 요청을 더 좋은 프롬프트로 만들기 위해 내가 정해야 할 내용을 먼저 질문해 줘. 결과에 가장 큰 영향을 주는 것부터 최대 3개만 물어봐 줘. 내 답변이 끝나면 프롬프트 초안을 작성해 줘.

AI가 결과에 영향이 큰 질문을 최대 3개 하는지 봅니다. 질문마다 짧게 답하면 됩니다. 아래 예시 답변을 써도 되고, AI의 질문과 맞지 않으면 직접 답합니다.

팀장이 회의 전에 볼 거야. 결정할 일이 먼저 보이면 좋겠어. 메모의 업무는 모두 넣고 끝난 일은 뒤로 보내 줘. 앞에 결정할 일, 그다음에 업무별 현황표면 돼.

받은 초안은 다음 단계에서 공통과제의 조건에 맞게 다듬어 실제로 사용합니다. 모르는 업무 사실은 답을 만들어 채우지 않습니다.

프롬프트를 살펴보는 7요소

일곱 칸을 모두 채우는 과제가 아닙니다. 이번 결과를 바꾸는 조건이 빠졌는지 눈으로 확인합니다.

표를 보며 초안의 조건을 확인합니다. 내가 정한 조건과 AI가 제안한 조건을 구분하기 어려울 때만 아래 요청을 사용합니다.

초안에서 내가 정한 조건과 네가 제안한 조건을 나눠 줘. 내가 정하지 않은 업무 기준을 추가했다면 그 부분만 짧게 보여 줘. 아직 보고서는 작성하지 마.

보고서의 구성 정하고 실행하기

앞에서 AI와 만든 프롬프트 초안을 공통과제의 조건에 맞춰 조정합니다. 새 초안으로 갈아타지 않고 같은 대화를 이어갑니다.

방금 작성한 프롬프트 초안에 아래 조건을 반영해 최종 프롬프트를 정리해 줘. 이미 들어 있는 조건은 중복하지 마.

- 기준일은 2026-10-01, 읽는 사람은 팀장이야.
- 앞에는 자료에 팀장의 승인이나 선택이 필요하다고 적힌 일을 모아 줘. 분명하지 않은 일은 결정 요청에 넣지 말고 현황표에 원래 내용을 남겨 줘.
- 그다음에는 메모의 업무를 빠짐없이 현황표로 넣어 줘.
- 열은 업무ID, 업무명, 담당자, 마감일, 상태, 진행내용, 다음조치, 지원요청 순서야.
- 미완료 업무를 먼저, 완료 업무를 뒤에 배치해 줘.
- 담당자·날짜·수치는 원자료의 값을 쓰고, 마감일이 없으면 ‘미정’으로 남겨 줘.

충돌하는 조건은 위 기준으로 맞춰 줘. 완성된 프롬프트는 복사하기 편하게 코드 박스 하나에 넣고, 아직 보고서는 작성하지 마.

최종 프롬프트에 위 조건이 들어갔는지 눈으로 확인합니다. 맞으면 같은 대화에서 실행합니다. 다르면 해당 조건만 고친 뒤 실행합니다.

최종 프롬프트로 보고서 받기

방금 확인한 최종 프롬프트로 앞에서 붙인 업무메모 A의 주간보고를 작성해 줘.

앞의 초안을 다듬어 실행했다면 아래 대체 프롬프트는 쓰지 않습니다.

이제 보고서가 나오면 업무 8건, 결정 요청 T03·T06, T05의 마감일 미정을 살펴봅니다. 원문을 모두 다시 읽기보다 해당 업무부터 대조합니다.

원자료와 대조하고 필요한 곳만 고치기

같은 대화에서 AI에게 대조할 위치를 정리하게 합니다.

지금 작성한 보고서와 앞에서 붙인 업무메모 A를 대조해 줘. 업무 누락, 담당자·마감일·상태가 달라진 곳, 원문에 없는 결정이나 설명이 추가된 곳을 찾아 줘. 업무ID, 보고서 표현, 원문 내용, 확인할 이유를 표로 보여 줘. 차이가 없으면 없다고 해 줘. 본문은 아직 고치지 마.

AI가 지적한 곳도 메모 A 내용 보기에서 확인합니다. 특히 T02는 배포 완료, T03은 장소 선택 후 예약, T05는 마감일 미정이라는 차이를 봅니다. 보고서에 T03이 ‘예약 완료’로 바뀌었다면 아래처럼 고칩니다. 이미 맞다면 수정 요청을 넣을 필요가 없습니다.

T03은 예약 완료가 아니야. 원자료대로 ‘견적 2건 확보, 팀장 선택 후 예약’으로 고쳐 줘. 다른 업무의 값과 표 순서는 유지해 줘. 바꾼 부분만 마지막에 짧게 알려 줘.

수정한 행과 유지하기로 한 다른 행을 함께 봅니다. 확인할 곳 목록만으로 전체 보고서의 정확성이 확정되지는 않습니다.

반복할 지침과 매번 바뀌는 자료 나누기

보고서의 구성과 처리 기준을 확인했다면 같은 대화에서 다음에도 쓸 내용을 정리합니다.

이 대화에서 마지막으로 확인한 팀장용 주간보고를 Project로 저장해 다음에도 만들고 싶어. 반복 참고 소스로 주간보고_작성기준.md와 주간보고_서식.docx를 등록하고, 워드로 요청하면 확인한 보고서를 이 서식으로 만들게 할 거야.

먼저 시스템 지침, 반복 참고 소스, 이번 입력으로 나누어 정리해 줘. 이번 업무명·담당자·날짜는 시스템 지침에 고정하지 말고, 내가 채택하지 않은 중간 제안은 빼 줘.

그다음 시스템 지침을 역할·과업·맥락·기준·절차·형식·예시 제목으로 나누어 써 줘. 이 대화에서 정하지 않은 요소는 지어내지 말고 제목째 빼 줘. 완성한 시스템 지침은 복사하기 편하게 코드 박스 하나에 넣어 줘.

이번 업무명과 날짜가 반복 규칙에 고정되지 않았는지, 7요소 제목으로 나뉘었는지 봅니다.

Project에 지침과 소스 저장하기

등록 전에 작성기준 보기를 열어 방금 만든 지침과 비교합니다. 결정할 일 → 현황표의 순서, 여덟 열, 전체 업무 포함, 미정 날짜 유지가 서로 맞아야 합니다. 다른 조건이 있으면 공통과제 기준에 맞게 지침을 고칩니다.

1. 새 Project를 만듭니다. 이름은 아래에서 복사합니다.
2. 시스템 지침: 확인한 시스템 프롬프트를 입력란에 붙여 넣고 저장합니다.
3. 반복 참고 소스: 문서 관리에서 아래 두 파일을 등록합니다.
4. 이번 입력: 업무메모 A와 기준일은 다음 페이지에서 Project 안의 새 대화에 넣습니다.

팀 주간업무 보고 도우미

주간보고_작성기준.md · 주간보고_서식.docx

작성기준 MD는 제목·목록 등을 글자로 표현하는 Markdown 문서이고, 서식 DOCX는 보고서의 제목과 두 표의 구성을 담은 빈 양식입니다. 준비된 파일을 그대로 등록하면 됩니다.

업무메모 A/B는 고정 소스에 넣지 않고 각 대화에 붙여 넣습니다.

지침 작성에 참고할 시스템 프롬프트 완성본도 확인할 수 있습니다.

저장한 Project로 보고서 받기

Project 안의 새 대화에 아래 프롬프트를 넣고, 메모 A 내용 보기에서 복사한 메모를 그 아래에 붙여 보냅니다.

아래에 붙인 업무 메모로 2026-10-01 기준 팀 주간업무 보고를 작성해 줘.

기본 채팅에서 정한 구성이 Project에서도 적용됐는지 봅니다. ‘팀장이 결정할 일 → 업무별 현황’ 순서와 여덟 열이 유지되는지 확인하고, 다음 세 군데를 원자료와 대조합니다.

• 업무별 현황: T01~T08 여덟 업무가 모두 있는가?
• 팀장이 결정할 일: T03 장소 선택, T06 재개 일정이 있는가?
• 상태와 날짜: T05는 마감일 미정, T02·T07은 완료인가?

형식만 맞고 내용이 다르면 해당 원자료와 적용된 기준을 함께 확인합니다. 다음 레슨에서는 내 업무로 바꾸거나 이 Project를 확장합니다.

서식 파일로 보고서 받기

화면에서 확인한 보고서를 회사 양식 파일로 받습니다. 양식과 채우는 방법은 지침과 소스에 저장해 두었으므로 짧게 요청합니다.

워드로 만들어 줘.

파일을 내려받아 Word로 엽니다. 업무 8건, 팀장이 결정할 일 T03·T06, T05의 마감일 ‘미정’이 화면의 보고서와 같은지 봅니다. 완성 예시 파일과 비교할 수 있습니다.

다른 자료로 다시 시험하기

저장한 Project가 다른 자료에서도 같은 기준으로 작동하는지 봅니다. Project 안의 새 대화에 아래 프롬프트를 넣고, 메모 B 내용 보기에서 복사한 메모를 그 아래에 붙여 보냅니다.

아래에 붙인 업무 메모로 2026-11-01 기준 팀 주간업무 보고를 작성해 줘.

지침을 다시 설명하지 않았는데도 A와 같은 구성과 기준이 유지되면, 반복 기준이 Project에 저장된 것입니다.

내 업무로 바꿀 때 정할 것

공통과제에서 정한 조건을 내 업무에 대입해 봅니다.

이번 결과만 고치는 것과 다음에도 적용할 지침·소스를 고치는 것의 차이는 L2의 우리 팀 주간보고로 바꾸기에서 다룹니다.

다음 시간에는 내 Project 설계 질문에 짧게 답하며 시작합니다. 프롬프트의 7요소는 초안을 살필 때 필요한 조건이 빠졌는지 확인하는 데 씁니다.

직접 처리하던 업무 하나를 고릅니다. 가져온 자료가 없다면 L1의 주간보고 Project를 우리 팀 방식으로 바꿉니다. 두 경로 중 하나만 진행합니다.

현업과제는 내 Project 설계 질문에서, 공통과제는 우리 팀 주간보고로 바꾸기에서 시작합니다. 필요한 안내를 찾아 사용합니다.

짧게 적거나 예시를 골라 내 업무에 맞게 바꾸세요. 모르는 조건은 비워 두고 AI에게 질문받으면 됩니다. 실제 업무자료는 사내 사용 기준과 열람 권한에 맞는 범위에서 사용합니다.

설명이나 점검이 필요하면 도움받는 채팅 함께 쓰기를 참고합니다.

지침 저장하고 첫 실행

만든 프롬프트를 새 기본 채팅에 넣고 AI의 질문에 답합니다. 답변은 내가 아는 업무 기준부터 짧게 적습니다. 정해지지 않은 조건은 미정으로 두거나 이번에 만들 범위를 좁힙니다.

초안에서 빠뜨리면 안 되는 항목, 정보가 없을 때의 처리, 결과에서 사람이 확인할 곳을 살펴봅니다. 필요한 조건을 고친 뒤 아래 프롬프트로 저장할 지침을 정리합니다.

아래 괄호 부분만 내 업무로 바꿉니다. 질문 페이지에서 시작 프롬프트를 만들었다면 이 프롬프트는 입력하지 않습니다.

설계 질문에 답하던 같은 대화에서 저장할 지침을 받습니다.

지금까지 내가 선택한 내용으로 Project의 이름과 설명, 시스템 지침을 정리해 줘. 이름과 시스템 지침은 각각 복사하기 편한 코드 박스에 넣어 줘. 반복 참고 소스와 이번 입력도 따로 알려 줘. 내가 정하지 않은 업무 사실은 채우지 마.

1. 새 Project에 이름·설명·시스템 지침을 저장합니다.
2. 반복해서 참고할 서식·기준이 있으면 소스로 등록합니다. 지침과 소스가 서로 다른 조건을 요구하지 않는지 봅니다.
3. Project 안의 새 대화에 이번 자료를 첨부하고 실행합니다.

지침 저장하고 첫 실행 (계속)

첨부한 자료를 저장된 지침과 소스에 따라 처리해 줘. 이번 결과를 원자료와 대조할 때 먼저 볼 항목도 알려 줘.

원자료 한두 건을 골라 결과에서 같은 내용을 찾아봅니다. 빠진 내용, 바뀐 사실, 지켜지지 않은 기준을 확인한 뒤 결과 확인과 재시험으로 이어갑니다.

결과를 확인하고 다른 자료로 시험하기

원자료와 결과를 나란히 놓고 중요한 이름·날짜·수치와 빠뜨리면 안 되는 항목을 확인합니다. AI가 짚어 준 곳도 직접 대조합니다.

맞지 않는 부분이 있으면 원인을 보고 수정할 위치를 고릅니다.

이번 결과만 고칠 때는 바꿀 부분과 유지할 부분을 지정합니다. 다음에도 적용할 기준이라면 Project의 지침이나 소스를 실제로 수정해 저장합니다.

같은 종류의 다른 자료를 Project 안의 새 대화에 넣고 실행합니다. 정한 구조와 기준이 유지되는지, 이전 자료의 이름·날짜·값이 섞이지 않는지 봅니다.

첫 결과를 확인하고 필요한 부분을 고쳤다면, 다른 자료에서도 같은 기준이 적용되는지 시험합니다. 여유가 있으면 동료용 사용 안내를 정리합니다.

도움받는 채팅 함께 쓰기

지침을 쓰다 막히거나 지침·결과를 점검받고 싶을 때 씁니다. 만들던 채팅은 그대로 두고 새 기본 채팅을 하나 더 엽니다. 이 채팅이 도움받는 채팅입니다. 막힌 곳이 없으면 이 쪽은 건너뜁니다.

1. 도움받는 채팅 열기

새 기본 채팅을 열고 시작 프롬프트를 첫 메시지로 붙여 넣습니다. 처음 한 번만 넣습니다.

2. 물어보기

막힌 부분과 현재 지침이나 결과를 복사해 함께 붙여 넣습니다. 이전 채팅을 기억한다고 가정하지 말고 매번 직접 붙여 넣습니다.

• 개념이 헷갈릴 때: “시스템 지침·반복 참고 소스·이번 입력의 차이를 주간업무 보고서 예시로 짧게 설명해 줘.”
• 지침을 점검받을 때: “아래 시스템 지침에서 고칠 점을 중요한 것만 최대 3개 찾아 주고, 만드는 채팅에 넣을 수정 프롬프트를 줘.” 현재 시스템 지침도 함께 붙여 넣습니다.
• 다른 자료로 시험할 때: “이 Project를 같은 종류의 다른 자료로 시험할 방법을 최대 3개 제안해 줘. 빠진 정보 처리와 이전 자료가 섞이는지도 확인해 줘.”

3. 고치고 확인하기

받은 수정 프롬프트를 만드는 채팅에 넣어 지침을 고칩니다. 결과가 맞는지는 도움받는 채팅의 설명으로 판단하지 않고, Project를 실행한 결과를 원자료와 비교해 확인합니다.

우리 팀 주간보고로 바꾸기

가져온 자료가 없다면 L1에서 만든 주간보고 Project를 우리 팀이 실제로 쓰는 방식으로 바꿉니다. 현업과제를 진행하고 있다면 이 쪽부터 세 쪽은 건너뜁니다. L1 Project 안의 대화에서 입력합니다.

이 Project는 가상 팀의 주간보고 기준으로 만들었어. 우리 팀이 실제로 쓰는 주간보고에 맞게 바꾸려고 해.

바로 고치지 말고, 우리 팀 보고와 다를 수 있는 부분을 결과에 영향이 큰 것부터 최대 3개만 질문해 줘. 내 답변이 끝나면 시스템 지침, 주간보고_작성기준.md, 주간보고_서식.docx 중 무엇을 어떻게 바꿀지 정리해 줘. 아직 파일은 만들지 마.

질문에는 우리 팀에서 실제로 하는 방식대로 짧게 답합니다. 떠오르지 않으면 아래 예시를 골라 우리 팀에 맞게 고쳐 씁니다.

• 보는 순서: 팀장님이 월요일 회의 전에 봐. 지난주에 끝낸 일, 이번 주 할 일, 지원이 필요한 일 순서로 보여 줘.
• 완료 업무: 끝난 업무는 현황표에서 빼서 아래 ‘완료 업무’ 표로 따로 모아 줘.
• 열 구성: ‘진행내용’과 ‘다음조치’를 ‘이번 주 한 일’, ‘다음 주 할 일’로 바꾸고, 진척률 열을 추가해 줘.
• 문체: 한 업무는 한 줄로, ‘~함’, ‘~예정’ 같은 개조식으로 써 줘.
• 팀장 확인: 마감일이 지났는데 끝나지 않은 업무는 맨 위에 따로 표시해 줘.

바꾼 기준을 지침과 소스에 저장하기

같은 대화에서 수정본을 받습니다.

정리한 대로 바꿔 줘. 주간보고_작성기준.md와 주간보고_서식.docx는 수정본을 각각 파일로 주고, 시스템 지침은 수정본 전체를 코드 박스 하나에 넣어 줘. 모든 업무 포함과 원자료의 사실 유지 원칙은 그대로 둬. 새로 넣은 항목의 정보가 메모에 없으면 지어내지 말고 ‘정보 없음’으로 남기도록 해 줘. 바뀐 부분을 짧게 알려 줘.

Project 문서 관리에서 두 소스를 수정본으로 바꾸고, 시스템 지침도 수정본으로 저장합니다.

대화에서 ‘앞으로 그렇게 하겠다’는 답을 받은 것과 저장된 지침·소스를 바꾼 것은 다릅니다.

저장을 마치면 바꾼 기준으로 다시 실행하기로 이어갑니다.

바꾼 기준으로 다시 실행하기

저장한 Project의 새 대화에 아래 프롬프트를 넣고, 메모 B 내용 보기에서 복사한 메모를 그 아래에 붙여 보냅니다. 결과를 확인한 뒤 같은 대화에서 ‘워드로 만들어 줘.’를 입력해 파일도 받습니다.

아래에 붙인 업무 메모로 2026-11-01 기준 팀 주간업무 보고를 작성해 줘.

바꾼 부분이 반영되지 않았다면 대화에서 다시 설명하기 전에, 저장한 지침과 소스에 그 내용이 들어갔는지부터 확인합니다.

동료를 위한 사용 안내

Project가 의도한 대로 작동하는지 확인한 뒤, 다른 사람에게 전달할 안내가 필요할 때 사용합니다. 같은 Project 대화에서 입력합니다.

이 Project를 처음 쓰는 동료를 위한 사용 안내를 짧게 써 줘. 넣을 자료, 처음 입력할 프롬프트, 결과에서 확인할 곳, 반복 기준을 바꾸는 위치를 포함해 줘. 실제로 만들지 않은 기능은 넣지 마.

공유할 때에는 사용할 사람과 공유 범위를 정하고, 등록한 소스의 열람 범위도 확인합니다. 동료가 처음 넣을 자료와 첫 프롬프트를 함께 전달하면 시작하기 쉽습니다.

다음 레슨에서는 Excel 업무현황에서 필요한 업무와 숫자를 찾아보는 대시보드를 만듭니다.

L1에서 다룬 여덟 업무를 표로 정리한 ‘업무현황 A’를 사용합니다. 팀 회의 전에 확인할 질문을 정하고, Excel 자료에서 지연·마감·날짜 미정인 업무를 찾아보는 HTML 대시보드를 만듭니다.

이번에는 원하는 기능을 설명하고, 실행 결과를 확인하고, 필요한 부분을 고치는 과정을 경험합니다. 같은 방법을 다른 웹 도구를 만들 때도 적용할 수 있습니다.

대시보드에서 시작하는 나만의 웹 도구

AI와 함께 필요한 도구를 직접 만들어 볼 수 있습니다. 대시보드는 그 시작입니다.

원하는 기능을 설명하면 AI가 코드 작성을 돕습니다. 만든 파일을 열어 보고 수정할 부분을 요청하며 작은 도구부터 완성해 갑니다. 무엇을 만들지 정하고 제대로 작동하는지 확인하는 일은 사용자의 몫입니다.

웹 도구는 익숙한 브라우저에서 사용합니다. 간단한 도구는 HTML 파일로 전달하고, 웹에 게시하면 링크로 공유할 수 있습니다. 모바일 화면에 맞게 구성하면 스마트폰에서도 사용할 수 있습니다.

기록을 계속 저장하거나 여러 사람이 함께 쓰려면 저장 방식과 접근 권한도 정해야 합니다. 이번에는 Excel 파일을 직접 불러오는 도구를 만듭니다. 사내 시스템에 자동 연결하거나 여러 사람의 입력을 실시간으로 공유하는 기능은 포함하지 않습니다.

이런 화면을 이루는 HTML·CSS·JavaScript부터 살펴봅니다.

AI와 웹 도구를 만들 때 알아둘 세 가지

AI로 웹 도구를 만들다 보면 HTML, CSS, JavaScript라는 말을 자주 만나게 됩니다. 코드를 직접 작성할 필요는 없지만, 각각 무엇을 뜻하는지 알면 AI의 설명을 이해하고 원하는 변경을 더 구체적으로 요청할 수 있습니다.

한 HTML 파일에 함께 들어 있어도 역할은 구분됩니다. 요청할 때 반드시 기술 용어를 쓸 필요는 없습니다. 구조를 바꿀지, 모양을 바꿀지, 동작을 바꿀지 구분해서 말해 보세요.

필요하면 CSS로 모양과 배치를 바꾸고, JavaScript의 라이브러리(미리 만들어 둔 기능 묶음)로 차트나 다양한 상호작용을 추가할 수 있습니다. 실제 사용할 환경에서 작동하는지도 확인합니다.

이미 만들어진 기능을 조합하기

필요한 기능을 모두 직접 만들 필요는 없습니다. 차트, 지도, 달력, 파일 읽기처럼 미리 만들어진 기능을 묶어 제공하는 것을 라이브러리라고 합니다. AI에게 적절한 라이브러리를 찾아 활용하도록 요청할 수 있습니다.

아래에서 도구를 골라 어떤 기능을 조합하는지 살펴보세요. 기능을 조합하는 방식을 보여주는 예시입니다.

라이브러리 이름을 외울 필요는 없습니다. 어떤 자료를 넣고, 어떻게 작동하며, 어떤 결과가 나와야 하는지 설명합니다. 사용할 환경에서 작동하는지는 직접 확인합니다.

이미 만들어진 기능을 조합하기 (계속)

Gen AI Hub에서 제작 → 브라우저에서 실행

Gen AI Hub의 코드 인터프리터에는 Python 라이브러리가 설치되어 있습니다. Python으로 HTML 파일을 만들면서 JavaScript 코드와 외부 라이브러리를 불러오는 CDN 주소를 넣을 수 있습니다. 파일을 열면 JavaScript는 브라우저에서 실행됩니다. CDN을 사용하려면 해당 주소에 접속할 수 있어야 합니다.

인터넷 연결 없이 사용하려면 CDN 대신 필요한 JavaScript·CSS 라이브러리 코드를 HTML 안에 포함하고, 이미지·글꼴 등 외부 파일에 의존하는 부분도 함께 처리해야 합니다.

요청 예: “인터넷 연결 없이도 작동하도록 필요한 코드를 HTML 파일 안에 포함해 줘.”

만들 수 있는 기능은 많습니다. 이번에는 팀 회의 전에 확인할 질문 세 가지에 집중합니다. 먼저 자료에서 무엇을 알고 싶은지 정해 봅니다.

화면보다 먼저 업무 질문 정하기

새 기본 채팅에 아래 프롬프트를 넣고, 업무현황 A 내용 보기에서 복사한 내용을 그 아래에 붙여 보냅니다. 이 내용은 다음 쪽에서 열어볼 Excel 파일과 같은 자료입니다.

아래에 붙인 업무 현황을 팀 회의 전에 보려고 해. 팀장이 먼저 확인하면 좋을 질문을 5개 제안해 줘. 각 질문에 현재 열만으로 답할 수 있는지, 추가로 필요한 정보가 무엇인지도 알려 줘. 아직 대시보드는 만들지 마.

AI가 제안한 질문 중 현재 자료로 답할 수 있고, 회의 전에 확인할 필요가 있는 질문을 고릅니다. 질문에 따라 필요한 열이 달라집니다.

공통과제에서는 현재 자료로 확인할 수 있는 지연·7일간 마감·마감일 확인 세 가지를 선택합니다. 완료일이나 지연 사유가 없는 자료로 그 내용을 추정해 채우지는 않습니다.

한 행은 업무 한 건

업무현황 A 파일 받기를 눌러 Excel 파일을 열고 ‘업무현황’ 시트를 확인합니다. 앞쪽에서 채팅에 붙여 넣은 것과 같은 자료입니다. 업무 한 건이 한 행이며, 첫 행에는 업무ID·업무명·담당자·마감일·상태·진행내용·다음조치·지원요청 여덟 열이 있습니다. 제목·합계 행과 병합 셀은 넣지 않습니다.

상태는 대기·진행·완료·보류로 맞추고, 미정 날짜는 비웁니다. 업무ID는 같은 업무를 원자료와 화면에서 찾아보는 번호입니다.

날짜와 상태를 어떻게 계산할까

T08은 오늘 마감이므로 지연이 아닙니다. T06은 보류지만 미완료이므로 날짜가 지났다면 지연입니다. 완료한 T07은 세 목록에서 제외합니다.

세 목록은 서로 겹치지 않지만 전체 업무를 모두 나눈 것은 아닙니다. 완료 업무와 7일 이후 마감 업무 등은 빠지므로, 세 건수를 더해 전체 업무 수로 보지 않습니다.

날짜가 비면 ‘마감일 확인’ 목록에 넣습니다. 값이 있지만 날짜로 읽을 수 없으면 오류 위치를 알리고 계산을 멈추며, 이전 결과도 비웁니다.

새 파일을 넣으면 기존 자료를 교체합니다. 같은 업무의 새 버전을 계속 더해 중복 집계하지 않습니다.

제작 요청 전에 정할 다섯 가지

Excel은 원자료를 관리하고, HTML은 선택한 파일을 읽어 보여줍니다. 화면에서 조회해도 원본 Excel은 바뀌지 않습니다.

앞에서 정한 입력자료·계산 기준·화면·입력 오류·실행 환경을 다음 쪽 제작 프롬프트에 담았습니다. 오늘 마감과 보류 업무의 처리 조건이 어디에 들어 있는지 살펴봅니다.

채팅에서 받은 HTML을 다운로드해 Chrome 또는 Edge로 엽니다. 파일을 읽고 계산하는 곳은 브라우저이며, Canvas 안에서 실행하지 않습니다.

파일을 열고 업무현황 불러오기

1. AI가 제공한 HTML 파일을 다운로드합니다.
2. Chrome 또는 Edge로 엽니다.
3. 화면의 파일 선택에서 업무현황_A.xlsx를 고릅니다.
4. 파일명과 기준일 2026-10-01을 확인합니다.
5. 건수 옆의 실제 업무 목록을 확인합니다.

기본 대시보드 예제에서도 파일을 불러오고 원자료와 비교할 수 있습니다. 기본 예제는 첫 시트가 ‘업무현황’인 파일을 읽습니다.

날짜를 바꾸고 오류 설명하기

화면의 기준일을 2026-10-02로 바꿉니다.

• 지연: T01·T06·T08 세 건
• 7일간 마감: T03·T04 두 건
• 마감일 확인: T05 한 건

기준일만 바꾼 것이므로 원자료의 상태가 최신화된 것은 아닙니다.

기준일을 다시 2026-10-01로 돌립니다. 아래는 T08이 지연으로 잘못 나왔을 때의 수정 요청입니다. 그 오류가 있을 때만 HTML을 만든 채팅에 입력합니다.

기준일을 2026-10-01로 두었는데, 같은 날이 마감인 T08이 지연 목록에 나와.
지연은 마감일이 기준일보다 이전일 때만 계산해야 해. 오늘 마감인 업무는 7일간 마감 목록에만 들어가게 고쳐 줘.
다른 계산과 화면 구성은 유지하고 수정한 HTML을 파일로 제공해 줘.

수정된 HTML을 다운로드해 열고, 업무현황 A와 기준일 2026-10-01로 다시 비교합니다. T08뿐 아니라 지연 T01·T06 포함, 완료 T07 제외도 봅니다.

내 자료로 바꿀 때 정할 것

기본 대시보드에 업무현황 B를 불러오고 기준일을 2026-11-01로 바꿉니다. 전체 업무 4건, 지연 0건, 7일간 마감 2건(T11·T12), 마감일 확인 1건(T13)이 나오는지 확인합니다. 이전 자료의 업무가 남아 있지 않은지도 봅니다.

다음 시간에는 내 대시보드 설계 질문에서 위 표의 처음 세 질문에 짧게 답하며 시작합니다. 계산·예외·확인 기준은 AI의 질문에 답하며 구체화합니다. Excel은 자료를 관리하고 HTML은 선택한 자료를 읽어 보여줍니다. 바꿀 것이 자료인지 계산·화면인지에 따라 수정할 곳이 달라집니다.

선택: 보고서에서 Excel 만들기

공통 실습은 업무현황 A를 씁니다. 보고서를 Excel로 바꾸고 싶을 때만 진행합니다.

Word 보고서를 만든 대화에서 진행하거나, 새 대화에 완성한 보고서 내용을 붙여 넣습니다. 보고서 모양 대신 업무 항목을 행으로 옮깁니다.

확인한 보고서의 진행·완료 업무를 모두 합쳐 업무ID별 한 행인 Excel 파일로 만들어 줘. 같은 업무가 여러 표에 있어도 중복 행은 넣지 마.
시트는 ‘업무현황’ 하나만 만들어 줘.
열은 업무ID, 업무명, 담당자, 마감일, 상태, 진행내용, 다음조치, 지원요청 순서로 해 줘.

제목·소계·합계 행이나 병합 셀은 넣지 마.
마감일은 Excel의 날짜 값으로 넣고 YYYY-MM-DD로 표시해 줘. 미정인 날짜는 빈칸으로 둬.
지원요청이나 다음조치가 없으면 ‘—’ 대신 빈칸으로 둬.
업무ID와 사실 값은 유지하고, 바꾼 표기 방식만 짧게 알려 줘.
상태를 대기·진행·완료·보류 중 하나로 확정하지 못한 업무가 있으면 임의로 바꾸지 말고 먼저 그 업무를 알려 줘. 확인한 뒤 파일을 만들어 줘.

파일을 열어 업무 수·업무ID·날짜·상태를 비교합니다. 보고서의 ‘미정’은 Excel 날짜 열에서 빈칸, 지원요청의 ‘—’도 빈칸이 됩니다.

만든 파일로 대시보드에서 불러오기를 해봅니다. 비교용으로 준비된 업무현황 A도 사용할 수 있습니다.

내 자료에 필요한 질문과 계산 기준을 정해 화면을 만듭니다. 가져온 자료가 없다면 L3에서 만든 대시보드를 우리 팀이 업무를 확인하는 방식에 맞게 바꿉니다.

설계 질문에 답하고 필요한 기능부터 만듭니다. 뒤의 안내는 필요한 부분을 골라 사용합니다.

자료에서 자주 찾는 질문 하나부터 시작하세요. 원자료를 읽지 않고 파일명만 보고 열이나 값을 추측하지 않습니다.

현업과제: 자료 한 종류와 질문 1~3개로 첫 화면을 만듭니다. 모든 기능을 한 번에 넣기보다 기본 계산부터 확인합니다.

공통 확장: 우리 팀 업무에 맞게 대시보드 바꾸기에서 시작합니다. L3 화면을 바탕으로 내가 볼 업무와 조회 기준을 정합니다.

HTML 만들고 원자료와 비교하기

내 업무로 새로 만든다면 프롬프트와 자료를 새 기본 채팅에 넣고 AI의 질문에 답합니다. 질문 페이지에서 우리 팀 대시보드로 바꾸기를 골랐다면 우리 팀 업무에 맞게 대시보드 바꾸기로 이동합니다. 새 채팅에서 확장할 때는 현재 HTML과 업무현황 A를 함께 첨부합니다.

직접 입력하려면 새 기본 채팅에 사용할 자료를 첨부하고 아래 괄호 부분을 바꿉니다. 질문 페이지에서 시작 프롬프트를 만들었다면 이 프롬프트는 입력하지 않습니다.

AI의 질문에 답하고 요구사항을 읽습니다. 원자료 한두 건을 골라 화면에 포함할지, 제외할지, 어떤 값이 나와야 할지 먼저 정합니다.

자료에 없는 날짜나 분류를 추측해서 집계하지 않도록 합니다. 필요한 열을 추가할 수 없다면 이번 화면의 질문을 줄입니다.

요구사항을 정한 같은 채팅에서 입력합니다.

방금 내가 확인한 요구사항으로 HTML 대시보드를 만들어 파일로 줘. 사용자가 파일을 선택해 브라우저에서 읽도록 하고 원본 자료는 수정하지 마. 새 파일은 이전 자료를 교체하게 해 줘. 데이터를 외부로 보내거나 외부 사이트에서 코드를 불러오지 않도록 해 줘. 구현하기 어려운 조건이 있으면 먼저 알려 줘.

HTML 만들고 원자료와 비교하기 (계속)

HTML을 다운로드해 열고 자료를 불러옵니다. 앞에서 골라 둔 한두 건의 값과 목록 포함 여부를 비교합니다.

오류가 있으면 아래처럼 실제 동작과 기대 결과를 함께 알려줍니다.

현재 [파일명·기준일·필터]에서 [문제 항목]이 [실제 결과]로 나와. 정한 기준대로라면 [기대 결과]가 되어야 해. 관련 처리만 고치고 나머지 기능은 유지해 줘. 수정한 HTML을 다시 파일로 줘.

원자료 변경: Excel을 수정·저장하고 HTML에서 다시 불러옵니다.

화면·계산 변경: 현재 HTML과 바꿀 기준을 AI에게 전달하고 새 파일을 받습니다.

무엇을 고쳐 달라고 할지 정리하기 어렵다면 도움받는 채팅 함께 쓰기를 참고합니다.

다른 자료로 시험하고 보관하기

같은 구조의 새 자료에서 한두 건을 골라 포함·제외 여부와 기대 값을 먼저 정합니다. HTML에 불러온 뒤 기준일도 이번 자료에 맞춰 확인합니다.

• 새 자료에서 고른 한두 건이 정한 조건대로 포함·제외되는가?
• 화면의 건수와 목록의 개수가 맞는가?
• 필터가 카드와 목록에 같은 기준으로 적용되는가?
• 이전 자료의 값이 남아 있지 않은가?
• 빈칸이나 잘못된 값이 있으면 정한 방식으로 알려 주는가?

완성한 HTML과 입력자료를 구분해 보관합니다. 현재 사용하는 파일과 시험에 쓴 자료를 함께 남겨 두면 수정 후 비교하기 편합니다.

공통 화면을 확장했다면 바꾼 화면을 다른 자료로 확인하기로 이어갑니다.

도움받는 채팅 함께 쓰기

HTML을 만들다 막히거나 계산·실행 결과를 점검받고 싶을 때 씁니다. 만들던 채팅은 그대로 두고 새 기본 채팅을 하나 더 엽니다. 이 채팅이 도움받는 채팅입니다. 막힌 곳이 없으면 이 쪽은 건너뜁니다.

1. 도움받는 채팅 열기

새 기본 채팅을 열고 시작 프롬프트를 첫 메시지로 붙여 넣습니다. 처음 한 번만 넣습니다.

2. 물어보기

현재 요구사항과 실행 결과, 막힌 화면을 함께 전달합니다. 다른 채팅의 파일이나 화면을 알고 있다고 가정하지 말고 필요한 내용을 직접 붙여 넣거나 첨부합니다.

아래 예시에서 지금 상황에 맞는 질문 하나만 골라 복사하고, 대괄호 안을 내 자료와 결과로 바꿉니다.

3. 고치고 확인하기

받은 수정 프롬프트를 만드는 채팅에 넣어 HTML을 고칩니다. 수정 파일을 다시 열고 원자료와 비교합니다. 도움받는 채팅의 설명만으로 계산이나 기능이 맞다고 판단하지 않습니다.

우리 팀 업무에 맞게 대시보드 바꾸기

가져온 자료가 없다면 L3에서 만든 대시보드를 우리 팀이 업무를 확인하는 방식에 맞게 바꿉니다. 현업과제를 진행하고 있다면 이 쪽부터 네 쪽은 건너뜁니다. L3에서 HTML을 만든 대화에서 이어갑니다. 새 대화라면 현재 HTML과 업무현황 A를 함께 첨부합니다.

이 대시보드를 우리 팀이 업무를 확인하는 방식에 맞게 바꾸려고 해.

바로 수정하지 말고, 누가 언제 사용하는지, 가장 먼저 확인할 것은 무엇인지, 어떤 기준으로 업무를 골라 볼지 최대 3개만 질문해 줘.

내 답변이 끝나면 현재 자료로 가능한 변경과 추가 정보가 필요한 변경을 구분하고, 바꿀 화면·계산 기준과 유지할 기능을 정리해 줘. 아직 HTML은 만들지 마.

우리 팀 업무에 맞게 대시보드 바꾸기 (계속)

AI의 질문을 확인하고 우리 팀에서 실제로 보는 방식대로 짧게 답합니다. 아래 예시를 활용해도 되고, 질문에 맞지 않으면 직접 답해도 됩니다.

정한 기준으로 화면 고치기

AI가 정리한 변경 내용을 읽고 내 의도와 맞는지 확인합니다. 추가 정보가 필요한 기능은 자료를 보완하거나 이번 변경에서 제외합니다. 원자료 한두 건을 골라, 바꾼 기준에서 어느 목록에 들어가고 어떤 값이 나와야 하는지도 먼저 확인합니다.

방금 확인한 변경사항을 현재 대시보드에 반영해 줘. 바꾸기로 한 부분만 수정하고 나머지 기능과 실행 방식은 유지해 줘.

같은 조건을 쓰는 카드의 건수와 목록은 일치하게 해 줘. 원자료에 없는 값은 지어내지 마. 수정한 HTML을 파일로 주고, 바뀐 부분과 확인할 사항을 짧게 알려 줘.

수정한 HTML을 열고 업무현황 A를 불러옵니다. 기준일은 2026-10-01로 두고, 앞에서 골라 둔 업무가 예상한 값과 목록으로 나오는지 확인합니다. 담당자나 기간을 바꿨다면 숫자와 목록도 함께 확인합니다.

바꾼 화면을 다른 자료로 확인하기

수정한 HTML에 업무현황 B를 불러오고 기준일을 2026-11-01로 바꿉니다. 자료만 바꿔도 내가 정한 조회 방식과 계산 기준이 적용되는지 확인합니다.

조회 기간이나 계산 조건을 바꿨다면 L3의 기대 결과를 그대로 적용하지 않습니다. 바꾼 기준으로 원자료를 다시 확인합니다. 오류가 있으면 실제 결과와 기대 결과를 함께 알려 주고 해당 부분만 수정합니다.

지원 요청 목록과 담당자 필터를 선택했다면 확장 대시보드 예제를 참고할 수 있습니다. 예제의 계산 기준이 내가 정한 기준과 같은지 확인합니다.

동료에게 사용 방법 알려주기

HTML이 의도한 대로 작동하는지 확인한 뒤, 다른 사람에게 전달할 안내가 필요할 때 사용합니다.

동료에게 알려줄 내용은 네 가지입니다.

1. 어떤 파일을 선택해야 하는가?
2. 기준일과 필터는 어디에서 바꾸는가?
3. 숫자가 이상하면 어떤 원자료를 대조하는가?
4. 자료와 화면은 각각 어떻게 수정하는가?

L1·L2에서는 반복할 기준을 Project에 저장했습니다. L3·L4에서는 업무 질문을 데이터와 계산 조건으로 옮겼습니다. 다시 사용할 프롬프트와 기능 설명은 뒤의 부록에서 찾을 수 있습니다.

수업 후 필요한 기능과 기준을 찾아보는 곳입니다. 앞의 실습 링크로 이동해 프롬프트를 다시 복사할 수 있습니다.

다음에 다시 시작할 때

메타 프롬프팅: 하려는 일과 질문 요청을 함께 입력 → AI 질문에 답하기 → 초안의 조건 선택 → 완성 프롬프트를 코드 박스로 받기 → 실행하고 필요한 부분 수정.

7요소는 역할·과업·맥락·기준·절차·형식·예시입니다. 매번 모두 적기보다 결과에 영향을 주는 빠진 조건을 찾는 데 씁니다.

자연어·Markdown·JSON

같은 내용을 목적에 맞는 형식으로 표현할 수 있습니다.

자연어 — 사람이 문장으로 읽기

교육장 견적 두 건을 확보했습니다. 팀장이 장소를 선택하면 예약합니다.

Markdown — 제목과 목록으로 문서 정리

## 교육장 예약
- 현재: 견적 2건 확보, 장소 미선정
- 다음 조치: 팀장 선택 후 예약

자연어·Markdown·JSON (계속)

JSON — 항목 이름과 값을 일정한 구조로 전달

{
  "업무ID": "T03",
  "상태": "진행",
  "지원요청": "팀장 장소 선택"
}

MD는 편집할 내용의 원본으로, DOCX·PPTX·XLSX·HTML은 필요한 사용 형식으로 선택합니다. 형식을 바꾼 뒤에는 값과 내용이 유지됐는지 확인합니다.

Mermaid로 무엇을 그릴까

기본 채팅에서 다음처럼 요청할 수 있습니다.

팀원 메모를 받아 주간보고를 작성하고, 사람이 원자료와 대조한 뒤 반복 기준을 Project에 저장하는 과정을 Mermaid 흐름도로 그려 줘.

AI는 Mermaid 코드(글자)를 보내고, 채팅창이 그 코드를 읽어 화면에 그림으로 그립니다. 그림이 보이면 순서와 분기가 실제 업무와 맞는지 확인합니다.

이 그림은 화면에만 보이고 파일로 남지 않으므로, 필요하면 화면을 캡처합니다. PNG 파일이 필요하면 Graphviz로 그려 달라고 요청합니다. Graphviz는 Mermaid와 다른 도구라서 모양과 내용이 바뀌지 않았는지 다시 봅니다. 요청 예시는 결재 흐름, 데이터 처리 순서도 그리기에 있습니다.

실습자료와 막혔을 때의 대안

실습자료 전체 ZIP 받기

Excel 읽기가 구현되지 않으면 같은 열의 CSV를 읽도록 제작 프롬프트를 바꿔 요청합니다. CSV 파일만 바꿔 넣는 것으로 모든 화면에서 동작하는 것은 아닙니다.

예제와 준비된 Excel로 파일의 동작과 계산 결과를 비교할 수 있습니다. 프롬프트 복사가 막히면 코드 박스의 글을 직접 선택해 복사합니다.

Canvas는 문서 편집 공간입니다. 영역을 지정해 AI에게 고치게 하거나 직접 서식을 바꾸고, 실행 히스토리에서 이전 버전을 살펴볼 수 있습니다. HTML 실행 화면은 다운로드한 파일을 브라우저에서 엽니다.

Project에 저장한 자료와 현재 채팅에 첨부한 자료의 역할을 구분합니다. 채팅이 달라져도 현재 자료와 기준을 분명히 적고 결과를 확인합니다.

뒤의 업무별 활용 예시 39개는 내 업무에서 해볼 만한 작업을 찾을 때 사용합니다.