대시보드 설계와 만들기, 3분 발표

1. 대시보드 설계와 만들기, 3분 발표

KDD의 마지막 상자는 "발견된 지식을 업무에 활용"입니다. 예측 숫자가 대화창 안에만 있으면 아무 일도 일어나지 않습니다. 마지막 60분은 오늘 찾은 패턴과 예측을 HTML 대시보드 파일 하나로 만들고, 그 파일을 열어 놓고 3분 동안 말하는 시간입니다. 이 파일이 오늘의 최종 결과물이며 12장에서 제출합니다.

순서는 사람이 하는 일과 AI가 하는 일로 나뉩니다. 무엇을 누구에게 보여 줄지 정하고 종이에 화면을 그리는 것은 사람이, 그 그림대로 실제로 동작하는 파일을 만드는 것은 AI가 합니다. AI에게 "대시보드 만들어줘"라고만 하면 그럴듯하지만 아무 질문에도 답하지 않는 화면이 나옵니다. 설계가 먼저입니다.

1.1 대시보드의 목적 정하기

대시보드(Dashboard)는 여러 지표와 차트를 한 화면에 모아 현황과 변화, 집단별 차이를 빠르게 파악하게 만든 시각화 화면입니다. 자동차 계기판처럼, 보는 사람이 몇 초 안에 "지금 괜찮은가, 무엇을 해야 하나"를 알 수 있어야 합니다.

만들기 전에 네 가지를 정합니다. 종이 맨 위에 적어 둡니다.

사용자를 바꾸면 대시보드가 바뀝니다. 같은 데이터라도 도청 관광 정책 담당자라면 "외국인이 어느 나라에서 얼마나 돌아왔나"가 핵심 질문이 되고, 국가별 외국인 데이터(ijto-19)가 화면의 중심에 옵니다. 본인 업무에 맞는 사용자를 골라 네 칸을 채워도 좋습니다.

데이터가 답할 수 있는 것만 약속하기

화면에 무엇을 넣을지는 가진 데이터가 정합니다. 오늘 데이터로 할 수 있는 것과 없는 것을 갈라 둡니다.

예를 들어 "연령대 선택" 필터를 넣고 싶어도 데이터에 연령 열이 없으면 넣을 수 없습니다. 데이터허브에는 연령대별 방문(ijto-90)이 따로 있지만 기간과 집계 기준이 달라 같은 화면에서 섞어 쓰려면 먼저 확인해야 합니다. 데이터가 다르면 같은 주제처럼 보여도 같은 대상을 잰 것이라고 단정하지 않습니다.

1.2 종이에 대시보드 스케치하기

처음부터 AI에게 맡기지 않고 종이에 화면 구조를 먼저 그립니다. 화면의 구조와 요소의 위치를 간단히 표현한 설계도를 와이어프레임(Wireframe)이라고 합니다. 이 단계에서는 색이나 글꼴보다 어떤 정보를 어디에 놓을지가 중요합니다. 손으로 그리면 5분이면 끝나고, 고치기도 쉽습니다.

화면 배치 원칙은 다섯 가지입니다.

1. 맨 위에는 대시보드 제목, 분석 기간, 데이터 출처를 적습니다.
2. 핵심 지표 카드는 사용자가 가장 먼저 보도록 위쪽에 둡니다. 카드는 3~4개면 충분합니다.
3. 핵심 질문에 답하는 차트에 가장 넓은 자리를 줍니다. 오늘은 장기 흐름과 예측입니다.
4. 보조 정보(계절 지수, 백테스트 성적표, 사건 연표)는 그 아래에 나란히 둡니다.
5. 맨 아래에는 결론과 데이터의 한계를 적습니다.

사람의 눈은 위에서 아래로, 왼쪽에서 오른쪽으로 읽습니다. 그래서 위에서 아래로 "얼마인가 → 어떻게 변해 왔나 → 앞으로 얼마인가 → 믿어도 되나 → 그래서 무엇을 하나" 순서가 되게 놓습니다.

스케치 순서

1. A4 종이를 가로로 놓고 큰 직사각형을 그립니다. 이것이 화면 전체입니다.
2. 맨 위에 제목, 분석 기간, 출처 줄을 그립니다.
3. 그 아래 숫자 카드 칸을 3~4개 그리고, 카드마다 들어갈 숫자 이름을 적습니다.
4. 가장 넓은 칸에 핵심 차트를 그리고, 그 아래에 보조 차트와 표 칸을 나눕니다.
5. 맨 아래에 결론 칸을 그립니다.
6. 칸마다 번호, 보여 줄 정보, 차트 종류를 적고, 옆에 "이 칸은 ______을 확인하기 위해 있다"를 한 줄로 씁니다. 이 문장을 못 쓰는 칸은 지웁니다.

아래는 오늘 데이터로 그린 화면 구성 예시입니다. 예시일 뿐이니 그대로 따라 그리지 말고, 1.1에서 정한 사용자와 질문에 맞게 바꿉니다. 모든 것을 한 화면에 넣을 필요도 없습니다.

이 표대로 AI가 만든 결과가 아래 그림입니다. 완성 예시 파일은 여기에서 열어 볼 수 있습니다.

1.3 차트와 컨트롤 고르기

차트는 질문에 맞춰 고른다

차트는 보기 좋게 꾸미는 장식이 아니라 데이터의 특징을 정확하게 전달하는 도구입니다. 스케치의 칸마다 아래 표에서 차트를 고릅니다.

원그래프는 항목이 다섯 개를 넘으면 비교가 어려우니 막대그래프를 씁니다. 지도는 위치를 보여 주지만 정확한 순위 비교는 어려우니 막대나 표를 곁들입니다.

컨트롤은 사용자가 바꾸고 싶은 것만

컨트롤은 사용자가 보고 싶은 조건을 직접 바꾸는 장치입니다. HTML 대시보드에서는 AI에게 말만 하면 만들어 줍니다.

컨트롤은 화면을 채우는 장식이 아닙니다. 사용자가 무엇을 바꿔 보고 싶어 할지 생각해 꼭 필요한 것만 넣습니다. 그리고 데이터에 그 열이 있어야 작동합니다. 오늘 데이터에는 연령과 지역 열이 없으므로 "연령대 선택", "지역 선택"은 넣을 수 없습니다.

1.4 AI로 대시보드 만들기

이제 설계도를 AI에게 넘깁니다. 종이 대신 Looker Studio 같은 도구에서 와이어프레임을 다시 그릴 필요가 없습니다. 스케치를 휴대폰으로 찍어 그대로 첨부하면 ChatGPT, Claude, Gemini 모두 사진 속 칸의 배치와 글씨를 읽고 그 모양대로 만듭니다.

대화가 길어지면 AI가 앞의 내용을 흐리게 기억하므로, 대시보드는 새 대화에서 만드는 편이 깔끔합니다. 새 대화에 세 가지를 첨부합니다.

1. ijto-17.csv
2. events.csv
3. 스케치 사진 (휴대폰에서 찍어 컴퓨터로 보내거나, 휴대폰 앱에서 바로 첨부)

아래 프롬프트에는 앞에서 구한 숫자가 모두 들어 있어 새 대화에서도 그대로 통합니다. 스케치를 1.2의 예시와 다르게 그렸다면 [차트]·[표] 부분을 내 스케치의 칸 번호와 내용으로 바꿔 씁니다.

도구별로 첫 줄만 다릅니다.

첨부한 ijto-17.csv(제주 월별 입도객: month, total, domestic, foreign, 단위 명)와
events.csv(국내외 사건 연표)로 '제주 입도객 예측 대시보드'를 HTML 파일 하나로 만들어줘.
화면 배치는 첨부한 스케치 사진의 칸 위치와 번호를 따라줘. 사진과 아래 설명이 다르면 사진을 따라줘.
이 대시보드의 사용자는 제주 숙박·렌터카 업체 운영 담당자이고, 9~12월 인력 계획에 쓸 거야.
Chart.js를 CDN으로 쓰고, 두 CSV의 데이터는 파일 안에 넣어서 이 파일만 열면 되게 해줘.
인쇄해도 보이게 색은 차분하게, 휴대폰에서도 보이게 해줘.

[맨 위 카드 4개]
- 2026년 1~8월 입도객 935.2만 명 (작년 같은 기간 +4.1%)
- 2026년 1~8월 외국인 173.8만 명 (+14.3%)
- 2026년 9~12월 예측 507.8만 명 (위아래 8%)
- 2026년 연간 예상 약 1,443만 명 (1,402만~1,484만)

[차트 1: 흐름] 2013년부터 월별 입도객(옅은 선)과 12개월 이동평균선(진한 선).
전체·내국인·외국인을 버튼으로 바꿔 볼 수 있게. 2020-02~2022-04는 코로나19 구간으로 옅게 칠하고,
2015-05 메르스, 2017-03 단체관광 금지, 2024-12 제주항공 참사에 세로 점선과 이름.

[차트 2: 계절 지수] 월별 계절 지수(그 달 평균 ÷ 구간 월평균)를 2017~2019년과 2023~2025년 두 선으로.

[차트 3: 예측] 2025년 1~12월 실제, 2026년 1~8월 실제, 2026년 9~12월 예측(점선)과 위아래 8% 범위(옅은 띠).
9~12월 예측값(만 명): 128.3, 135.1, 125.3, 119.1 (2026년 추석이 9월이라 9~10월을 고친 값)

[표 1: 백테스트 성적표, MAPE %]
시험 | ①평균 | ②추세 | ③작년 같은 달 | ④계절×성장
2025년 전체 | 11.7 | 11.1 | 8.6 | 8.8
2025년 외국인 | 25.1 | 38.2 | 14.9 | 130.8
2020년 전체(코로나19) | 63.8 | 77.5 | 63.7 | 73.7
2026년 1~8월 | 6.5 | 7.3 | 8.2 | 8.3
각 행에서 가장 낮은 값은 굵게.

[표 2: 사건 연표] events.csv에서 kind가 '연휴'가 아닌 2013년 이후 사건을 최근 순으로.
종류(kind)로 거를 수 있게.

[맨 아래 결론] 숫자·의미·액션·리스크 네 줄은 비워 두고 '여기에 결론을 씁니다'라고 적어줘.

출처: 제주관광공사(제주 AI 관광데이터허브 data.wenivops.co.kr 경유), 사건 연표 위니브 정리

화면 오른쪽(Claude는 아티팩트, Gemini는 캔버스)이나 ChatGPT 답 안의 코드 블록 미리보기에 대시보드가 나타나면 성공입니다. 내 스케치와 나란히 놓고 칸이 제자리에 들어갔는지 봅니다. 처음부터 완벽하게 나오지는 않습니다. 1.5에서 말로 고칩니다.

스케치 사진이 없거나 AI가 사진을 잘 못 읽으면 첫 줄의 사진 문장을 빼고 보냅니다. 1.2의 예시 배치대로 만들어집니다. 반대로 스케치에 칸 내용을 꼼꼼히 적었다면 아래처럼 짧게 시켜도 됩니다.

첨부한 스케치 사진대로 대시보드를 HTML 파일 하나로 만들어줘.
칸마다 적어 둔 정보와 차트 종류를 따르고, 숫자는 첨부한 ijto-17.csv와 events.csv에서 계산해줘.
계산한 숫자는 대시보드 아래에 표로 따로 보여줘서 내가 검산할 수 있게 해줘.

이 짧은 프롬프트로 만들면 AI가 숫자를 직접 계산하므로, 반드시 1.5의 검산 표로 11장 2~4절의 정답과 맞춰 봅니다.

1.5 다듬기와 검산, 말로 고치기

대시보드를 받으면 9장 5절의 검증 3질문을 대시보드에 돌립니다.

검산이 끝나면 내 대시보드로 만드는 한두 가지를 더합니다. 시간이 남는 만큼만 합니다.

차트 1 아래에 '전년 동월 대비(YoY)' 막대그래프를 하나 더 넣어줘. 최근 24개월만.

사건 연표 표에서 사건 이름을 누르면 source_url이 새 탭으로 열리게 해줘.

2교시에 만든 visitors.html(또는 stores_map.html)을 첨부할게. 그 차트를 대시보드 맨 아래에 합쳐줘.

파일로 저장하기

다운로드 메뉴가 없으면 코드를 복사해 메모장에 붙이고 jeju_dashboard_이름.html로 저장합니다. 9장 3절과 같은 방법입니다. 저장한 파일을 더블클릭해 브라우저에서 같은 화면이 열리는지 확인합니다.

1.6 결론 쓰기, 숫자·의미·액션·리스크

대시보드 맨 아래 빈칸을 채웁니다. 형식은 하나입니다.

숫자: [무엇이 얼마인가]
의미: [그래서 무슨 뜻인가]
액션: [그래서 무엇을 하자는 것인가]
리스크: [이 판단이 틀릴 수 있는 이유]

오늘 예측으로 채우면 이렇게 됩니다.

숫자: 2026년 9~12월 입도객은 약 508만 명(위아래 8%), 올해 전체는 약 1,443만 명으로 작년보다 4% 많을 것으로 봅니다.
의미: 올해는 코로나19 이후 가장 많은 해가 될 가능성이 높고, 추석이 9월로 옮겨 와 9월이 평소보다 붐빕니다.
액션: 숙박·렌터카 인력을 10월보다 9월에 먼저 늘리자고 제안합니다.
리스크: 큰 사건이 없다는 가정입니다. 2020년처럼 사건이 생기면 오차가 60% 넘게 커질 수 있습니다.

본인 업종에 맞게 액션을 바꿔 쓰고, AI에게 "대시보드 맨 아래 결론 칸에 아래 네 줄을 넣어줘"라고 붙여 넣습니다.

리스크 줄이 오늘 3교시의 핵심입니다. 백테스트를 했기 때문에 "평소에는 8% 안쪽으로 맞고, 사건이 생기면 크게 빗나간다"를 숫자로 말할 수 있습니다. 리스크를 숫자로 말하는 발표가 "예측은 예측일 뿐입니다"라고 얼버무리는 발표보다 훨씬 믿음을 얻습니다.

1.7 3분 발표

대시보드를 열어 놓고 3분 동안 말합니다.

듣는 사람은 검증 3질문 중 하나를 묻습니다. 숫자가 상식적인가, 액션이 숫자에서 나왔나, 빠진 것은 없나(예를 들어 외국인만 따로 보면 결론이 바뀌나)입니다.

1.8 오늘 3교시 한 장 정리

오늘 한 일을 KDD 다섯 칸에 다시 놓아 봅니다.

계산은 모두 AI가 했지만, 오른쪽 열의 판단은 하나도 AI가 스스로 하지 않았습니다. 그 판단을 프롬프트에 적어 넣은 것이 여러분입니다. 오늘 배운 것은 계산하는 법이 아니라 판단하고 그것을 AI에게 말하는 법입니다.

마무리 퀴즈 다섯 문제 (펼쳐서 답 확인)

1. AI가 "2026년 입도객이 2025년보다 450만 명 줄었다"고 답했다. 무엇부터 의심해야 하나?
   • 답: 2026년이 8월까지만 들어 있는지(개월 수). 같은 기간(1~8월)끼리 비교하라고 다시 요청한다.
2. 12개월 이동평균선에서 계절성이 사라지는 이유는?
   • 답: 열두 달 평균에는 1~12월이 꼭 한 번씩 들어가 성수기와 비수기가 상쇄되기 때문.
3. 2025년 10월 내국인 YoY가 +10%인데 9월은 거의 0%다. 가장 먼저 확인할 것은?
   • 답: 추석이 2024년 9월에서 2025년 10월로 옮겨 간 달력 효과. 9~10월을 합쳐 비교한다.
4. 외국인 예측에서 '작년 같은 달 × 성장률'의 오차가 130%가 된 이유는?
   • 답: 2023년이 회복 초기라 낮아서 2024년 성장률이 2.7배로 부풀었다(기저효과).
5. 백테스트 오차가 8%인 방법으로 2020년을 예측했다면 어땠을까? 그래서 무엇을 함께 해야 하나?
   • 답: 코로나19 같은 처음 보는 사건은 반영되지 않아 60~80% 빗나갔다. 범위로 말하고, 사건 연표를 갱신하고, 시나리오를 함께 낸다.

1.9 제출과 다음 걸음

완성한 jeju_dashboard_이름.html을 12장의 링크로 제출합니다. 2교시 파일을 합친 분은 합친 파일 하나만 내면 됩니다.

회사로 돌아가서 같은 방법을 쓰려면 세 가지가 필요합니다.

1. 2년 이상의 월별 데이터: 그래야 작년 같은 달과 비교하고 백테스트를 할 수 있습니다. 한 해치뿐이라면 온라인 6장 3절처럼 회계 자료에서 지난 몇 해의 월별 합계를 찾아봅니다.
2. 우리 회사의 사건 연표: 큰 프로모션, 가격 인상, 시스템 장애, 신제품 출시 날짜를 날짜·사건·예상 방향 세 열로 적어 둡니다. 오늘의 사건 연표와 같은 모양이면 오늘 쓴 프롬프트를 그대로 쓸 수 있습니다.
3. 한 달 뒤 채점하는 습관: 이번 달 예측을 저장해 두고, 다음 달 실제가 나오면 AI에게 "내 예측과 실제를 비교해줘"라고 시킵니다. 그 기록이 쌓이면 회사만의 백테스트 성적표가 됩니다.

오늘 쓴 제주 AI 관광데이터허브에는 입도객 말고도 카드 소비, 렌터카 가동률, 항공 운항, 한라산 탐방객 등 50여 종이 있습니다. 데이터마다 [프롬프트 복사] 버튼이 있어 AI에 붙여 넣으면 바로 분석을 시작할 수 있습니다. 오늘의 순서, 고르고 다듬고 패턴을 찾고 예측하고 채점하는 순서를 다른 데이터로 한 번 더 해 보는 것이 가장 좋은 복습입니다.

1.10 직접 해보기

1. 대시보드의 카드와 표 숫자가 프롬프트와 같은지 하나씩 대조합니다. 다른 곳이 있으면 말로 고칩니다.
2. 1.1의 사용자를 '도청 관광 정책 담당자'로 바꿔 네 칸을 다시 채우고, 스케치를 새로 그려 봅니다. 어떤 칸이 빠지고 어떤 칸이 새로 생기나요?
3. 같은 프롬프트를 다른 AI에도 보내 두 대시보드를 나란히 놓고 비교합니다. 어느 쪽이 더 읽기 쉬운지, 숫자는 같은지 봅니다.
4. 데이터허브에서 다른 월별 데이터 하나(카드 소비금액, 항공 여객 등)를 골라 11장 4절의 '시험 규칙' 프롬프트로 백테스트해 봅니다.
5. 우리 회사(또는 관심 있는 업종)의 사건 연표에 들어갈 사건 다섯 개를 날짜와 함께 적어 봅니다.