AI 쉽고 재밌게 활용하기: 기초편 — 워크시트 (v4-lite, 직장인 한정)

오늘의 목표

30대 직장인 마케터 김민지씨의 5월 점검판 대시보드를 만들어가는 5단계. 김민지씨의 시나리오를 그대로 따라가며 마지막에 HTML 대시보드 화면 1개를 캡처합니다. 오늘부터 AI에게 맡길 작은 반복 업무 1개도 정합니다.

단계별 비중: 1·3 = 1인가구 직장인 생활 (체크리스트·검색) / 2·4·5 = 마케터 업무 (캠페인 결과·결과물·점검판)

0. 페르소나 김민지씨 + 본인 변주 안내

김민지씨 (오늘의 메인 시나리오)

• 1992년생, 33세 마케터 (중견기업 8년차). 마포→광화문 지하철 30분 통근
• 마포 1인가구 + 고양이 '치즈' 한 마리. 월세 80 / 관리 12 / 전기·가스 5 / 건보 18 / 적금 30 + 구독 6종
• 매주 캠페인 기획·SNS 콘텐츠 운영·고객 답장·주간 보고서·회의록 (평일 야근 잦음)
• 일상: 저녁은 거의 배달, 헬스장 등록만 해놓고 두 달째 안 감, 주말 한강 산책·친구 모임 월 1~2회
• 재무: 청약 통장·적금·CMA 들고 있는데 청년 우대형 청약통장 가입은 아직 미완료
• 건강: 작년 건강검진 콜레스테롤 약간 높음 → 영양제 4종 챙기는 중
• 흩어진 고민: 캠페인 KPI / 청약·세금 일정 / 회의록 / 월급 새는 곳 / 운동·식단 미루기

본인 변주 (1줄만 메모)

• 본인 직무: ☐ 마케터(=김민지씨) / ☐ 영업 / ☐ 개발 / ☐ 기획 / ☐ HR / ☐ 기타: ______
• 본인 연차: ☐ 13년 / ☐ 47년 / ☐ 8년+
• 본인 가족구성: ☐ 1인가구 / ☐ 부부 / ☐ 유자녀
• 본인이 김민지씨와 가장 다른 업무 1줄: ______________________________

자영업·주부·학생 시나리오는 본 클래스 범위 밖. 본인이 위 3개에 안 맞아도 김민지씨 시나리오를 그대로 따라온 뒤 마무리 단계에서 본인 변주 1줄만 적습니다.

1. 본인 상황 적기 (사전 메모)

이번 분기 챙길 생활 일 5~7개 (청약·세금·휴가·건강검진·교육 등):

본인이 가지고 있는 데이터 1개 (실습 2 첨부용)

• ☐ 본인 캠페인·프로젝트 결과 캡처 / ☐ 카드 사용 내역 캡처 / ☐ 가계부 CSV / ☐ 회의록·캘린더 캡처

민감정보 익명화: 이름·전화번호·계좌·고객명·실제 KPI 숫자는 "A님·X사·1000회" 같은 가명·라운드 숫자로.

2. 실습 1 — 말 걸어보기 (생활 — 분기 체크리스트)

핵심: AI한테 1인가구 직장인 상황을 그냥 말하면 맞춤 체크리스트를 받는다.

도구: Claude 무료 플랜 (claude.ai). 매일 쓰실 분은 Pro $20/월 권장.

프롬프트 1-1 (시작 — 김민지씨 그대로)

나는 1992년생 마케터고 서울 마포에서 혼자 살아.
이번 분기에 챙겨야 할 생활 일들을 카테고리(돈·서류·건강·휴식)로 나눠서
체크리스트로 정리해줘. 각 카테고리 5개 이내, 1인가구 직장인 현실에 맞게.

프롬프트 1-2 (재질문 — 실행 가능성 추가)

좋아. 각 항목 옆에 다음 2개를 추가해줘.
1) 이번 주 시작할 수 있는 "첫 행동" 한 줄
2) 예상 소요시간 (5분 / 30분 / 1시간 이상)
표 형태로. 애매한 건 "사람 검토 필요" 표시.

프롬프트 1-3 (변주 — 본인 직무·연차·가족으로)

잠깐. 나는 [본인 직무 - 예: 영업 5년차 / 개발 1년차]이고,
[1인가구 / 부부 / 유자녀] 야.
방금 만든 체크리스트에서 위 변주에 맞게 1~2개만 바꿔줘.
나머지는 그대로 둬도 돼.

체크: 카테고리·항목이 본인 상황에 맞나? 김민지씨와 다른 점이 1~2개로 자연스럽게 반영됐나?

단계 1은 1인가구 직장인의 분기 챙길거리만. 최신 정보(청약 일정·헤드라인 등)는 실습 3에서.

3. 실습 2 — 사진·파일 같이 보내기 (업무 — 캠페인 결과 분석)

핵심: 본인 업무 데이터를 첨부해서 KPI 진단 + 의사결정 옵션 표를 받는다.

도구: 같은 Claude. 파일·이미지 첨부 무료 플랜에서도 가능.

3-1. 메인 시나리오 — 마케팅 캠페인 결과 (김민지씨 그대로)

자료실 step2-campaign-report.md 다운로드 → 첨부.

프롬프트 2-1

[step2-campaign-report.md 첨부]
이 캠페인의 핵심 KPI 3개를 짚어줘 (예: CTR·CPC·전환율 등).
다음 캠페인에서 개선할 포인트 5개를 다음 표로 정리해줘.

| 개선 포인트 | 실행 난이도 | 예상 효과 | 첫 액션 (이번 주) |
|------------|------------|----------|-------------------|

난이도: 쉬움/중간/높음, 효과: 상/중/하. 출처 데이터가 없으면 "추정"이라고 적어줘.

프롬프트 2-2 (재질문 — 보고서 톤)

이 분석을 임원진에게 보고할 3줄 요약으로 압축해줘.
숫자 1개, 인사이트 1개, 다음 액션 1개. 존댓말.

3-2. 본인 데이터로 변주 (옵션)

본인이 가져온 자료(영업 실적표 / 개발 릴리즈 노트 / 기획안 결과 / HR KPI 등)로 같은 패턴.

프롬프트 2-3 (직무 변주)

[본인 자료 첨부]
이건 내 [직무] 5월 [캠페인/실적/릴리즈/채용] 결과야.
1) 핵심 지표 3개를 짚어줘
2) 다음 [주기]에 개선할 포인트 5개를 "난이도·효과·첫 액션" 표로
3) 임원 보고용 3줄 요약

3-3. 생활 데이터 변주 (옵션)

step2-card-statement.csv 첨부:

[step2-card-statement.csv 첨부]
이번 달 카드 사용 내역이야.
1) 카테고리별 합계와 상위 3개
2) 이상치 거래 (평소보다 큰 지출) 1~3건
3) 다음 달 줄이면 좋을 항목 3개 + 줄이는 방법 1줄씩

비교 한 줄 공유: 업무 데이터 vs 생활 데이터 중 어느 분석이 본인에게 더 와닿았는가?

4. 실습 3 — 도구 사용하기 (생활 — 검색 + 자동 발송)

핵심: 1인가구 직장인이 매번 따로 찾던 청약·세금·연차·세미나 같은 정보를 AI가 검색·매일 자동 발송.

4-1. 웹 검색 (학생 직접)

도구·켜는 법:

• Claude: 답변 중 자동 웹 검색이 켜집니다. "최신 정보 검색해줘"라고 명시해도 좋아요.
• 본편은 Claude 하나로 진행합니다 (평소 다른 도구도 비슷한 방식).

프롬프트 3-1 (김민지씨 시나리오 — 본인 시도)

다음 5개 중 본인에게 가장 와닿는 1~2개를 골라 검색.

나는 1992년생 무주택자 1인가구 직장인이야.
"[고른 항목]" 최신 정보를 검색해서 알려줘.

- 출처 URL 1개 이상
- 마감일이 있으면 D-day 표시
- 확실하지 않으면 "확인 필요"
- 5줄 이내 요약

골라 쓰는 항목:

1. 이번 주 청년 무주택자 청약 신규 공고
2. 이번 분기 종합소득세 신고 마감 + 직장인 연말정산 환급 신청 가능 시점
3. 다음 분기 연차 사용 기한 + 잔여 연차 소진 권고 시점 (근로기준법)
4. 5월 직장인 무료 건강검진 대상자 안내
5. 이번 달 마케팅·디자인·개발 직무 세미나 (Inflearn·패스트캠퍼스·이벤터스 등)

프롬프트 3-2 (재질문 — 본인 캘린더에 넣기)

방금 찾은 일정을 다음 형식으로 정리해줘. 캘린더에 옮길 거야.

[제목] | [날짜·시간] | [장소·링크] | [준비물 한 줄]

체크: 출처 1개 이상 직접 클릭해 확인했나?

4-2. 스케쥴 / Tasks (강사 시연 위주)

오늘 본편은 Claude의 자동 웹 검색까지. 매일 자동으로 보내 주는 기능은 Claude에 아직 없고, 후속 클래스 "에이전틱 AI × 기초"에서 본격적으로 다룹니다.

참고로 어떤 식으로 시킬지 미리 적어 보면 다음과 같아요.

• "매일 아침 9시 코스피·코스닥 헤드라인 5개 보내줘"
• "매주 금요일 청년 청약 신규 공고 1개 알려줘"
• "매월 1일에 이번 달 마케팅 트렌드 5개 정리해서 보내줘" (마케터 시나리오)

5. 실습 4 — 결과물 만들기 (업무 — 캠페인 결과물 4종)

핵심: AI가 텍스트만이 아니라 캠페인 인포그래픽·주간 보고서 PDF·SNS 콘텐츠 카드·회의록 요약 PT까지 만든다.

자료실 step4-deliverable-brief.md — 4종 시나리오·프롬프트·검증 체크리스트 통합본.

5-1. 대표 실습 — 캠페인 인포그래픽 1장 (학생 모두)

도구: Claude Artifact (우측 패널에서 HTML/SVG 카드로 인포그래픽 — 무료 플랜 OK)

프롬프트 4-1 (김민지씨 시나리오)

방금 실습 2에서 분석한 5월 마케팅 캠페인 결과로 정사각형 인포그래픽 카드 1장 그려줘.

스타일:
- SNS 공유용 (1:1 정사각형)
- 다크 톤 + 블루·옐로우 액센트 (다크 #1D242B / 블루 #068FFF / 옐로우 #FFD166)
- 친근하지만 정돈된 느낌, 마케팅 부서가 임원에게 공유할 만한 톤

내용:
- 헤더: "5월 캠페인 회고"
- 핵심 숫자 3개 (CTR / CPC / 전환율) — 큰 폰트
- 인사이트 1줄
- 다음 액션 1줄
- 우측 하단 워터마크 "Marketing · 2026-05"

프롬프트 4-2 (재질문 — 톤 변주)

같은 데이터로 1장 더 만들어줘. 이번엔 "친근한 톤"으로 — 일러스트 느낌 + 이모지 1개.
임원용이 아니라 동료 공유용.

캡처해서 옆사람에게 보여주기. 둘 중 본인이 더 마음에 드는 거 1장 골라 메모.

5-2. 강사 메뉴 시연 (각 30초)

각 형식의 핵심 프롬프트만 짚고 결과 미리 보여줌. 본인이 흥미 있는 1개 골라 메모.

본인이 흥미 있는 형식 1개 메모 + 시도하고 싶은 사람은 자료실 step4-deliverable-brief.md 참조: ____________

6. 실습 5 — 나만의 대시보드 만들기 ⭐

핵심: AI에게 HTML 한 페이지 디자인을 요청하면 화면이 바로 보임. 본인 점검판 대시보드를 만든다.

6-1. 도구 선택 (본인 환경)

영속성 한계 정직 메시지: Artifact/Canvas는 "체험"용. 매일 쓰고 싶으면 Bonus 1·2 또는 후속.

6-2. 프롬프트 5 — 마케터 점검판 (Claude Artifact)

30대 직장인 마케터의 5월 점검판 대시보드를 HTML 한 페이지로 만들어줘.
Claude의 우측 Artifact 패널에서 바로 보이게.

상단 헤더: "김민지씨의 5월 점검판" + 부제 "캠페인 · KPI · 생활 통합"

[업무 영역 — 좌측·중앙]

위젯 1 (좌측 상단) — 캠페인 진행 상황 (3개)
- 봄 신상 런칭 캠페인 (런칭 단계, D-7)
- 충성고객 리텐션 메일 (운영 중, D+5)
- SNS 인플루언서 협업 (기획 단계, D-14)
각 행: [캠페인명·단계·D-day·담당자(본인)]

위젯 2 (중앙 상단) — SNS 콘텐츠 캘린더 (이번 주)
5개 행: 월~금, 각 [날짜·플랫폼·콘텐츠 제목·상태(초안/검수/발행완료)]
- 5/13(월) 인스타 카드뉴스 "여름 룩북" / 발행완료
- 5/14(화) 블로그 "캠페인 비하인드" / 검수
- 5/15(수) 인스타 릴스 "고객 후기" / 초안
- 5/16(목) 카카오 채널 "이번 주 혜택" / 초안
- 5/17(금) 유튜브 쇼츠 "팀 인터뷰" / 미작성

위젯 3 (우측 상단) — KPI 트래커
이번 달 목표 대비 현재 실적, 진행 바 표시
- CTR: 목표 2.5% / 현재 2.1% (84%)
- CPC: 목표 ≤ 1,200원 / 현재 1,350원 (-12%)
- 전환율: 목표 3.0% / 현재 3.4% (113% 초과달성)

[생활 영역 — 하단]

위젯 4 (좌측 하단) — 고정 지출 표
월세 80만(1일) / 관리비 12만(5일) / 전기·가스 5만(10일) / 건보 18만(10일)
넷플릭스 1.7만(12일) / 적금 30만(25일)
각 행: [이름·금액·결제일]

위젯 5 (중앙 하단) — 오늘의 루틴 투두 (체크박스 5개)
- 회의록 정리 (어제 캠페인 킥오프)
- 고객 답장 5건 (CS 인박스)
- 주간 보고서 초안
- SNS 콘텐츠 1건 (수요일 릴스 초안)
- 운동 30분
+ "추가" 버튼

위젯 6 (우측 하단) — 통합 캘린더 미니뷰
5월 7×5 그리드. 다음 표시:
- 노란 점 = 고정 지출 결제일 (1·5·10·12·25)
- 파란 점 = 캠페인 마감일 (D-day = 5/20 봄 런칭, 5/28 협업)
- 초록 점 = 적금/회식

톤: 다크 배경(#1D242B) + 블루 글로우(#068FFF), 카드 배경 #252E37, 강조 옐로우 #FFD166, 성공 그린 #69DB7C.
폰트: Pretendard 또는 시스템 sans-serif. 데이터는 일단 하드코딩, 입력값은 화면에 보이기만 해도 OK.

6-3. 완료 기준 (현실적)

• ☐ 화면에 대시보드 1페이지 표시됨 (위젯 6개 중 4개 이상 보이면 성공)
• ☐ 투두 체크박스 1개 이상 클릭 → 시각 반응 동작
• ☐ 캡처 1장 (다운로드 또는 화면 캡처)
• ☐ (Bonus) KPI 진행 바·캠페인 D-day 자동 계산 동작

옆사람에게 30초 보여주기. 본인 직무 변주가 들어갔다면 어디가 바뀌었는지 1줄 공유.

6-4. Bonus 2 — 매일 쓰고 싶으면? 로컬 + localStorage

Artifact/Canvas는 새로고침하면 데이터 사라짐. 매일 누적하려면 코드를 본인 PC에 저장해서 실행.

절차 (희망자 1:1, 보조강사 도움):

1. Artifact/Canvas 결과를 복사 → 본인 PC dashboard.html 파일로 저장
2. 자료실의 step5-dashboard-starter-localStorage.html 참고 (변동 지출·투두 누적 코드 포함)
3. 파일을 더블클릭 → 브라우저에 열림 (file:// 또는 VS Code Live Server)
4. 변동 지출 입력·투두 체크 → 새로고침해도 유지 (브라우저 localStorage)

확장 프롬프트 (Artifact가 만든 코드에 추가 요청):

방금 만든 대시보드 코드에 localStorage 저장을 추가해줘.
- 변동 지출 input 값 → key 별로 localStorage.setItem
- 투두 체크 상태 → 배열로 localStorage.setItem
- 페이지 로드 시 → localStorage에서 복원
- 데이터 초기화 버튼도 1개 추가

→ 결과 HTML 파일을 dashboard.html로 저장 후 더블클릭.

6-5. Bonus 1 — Claude Pro 사용자 (강사 30초 시연)

Claude Cowork 모드의 Live Artifacts 사용 시, Artifact 안에서도 데이터 유지. 단 Pro/Max/Team/Enterprise 한정 + 공유는 미지원. 학생이 Pro면 시연 직후 본인 워크스페이스에서 시도 가능.

7. 미션 미달 백업 — 내 점검판 구성 요소 손글씨

대시보드 못 만든 경우 (가입 실패·도구 한도·코드 막힘 등) 아래 5개에 본인 점검판 구성 요소 + 우선순위 손글씨로 작성. 완료로 인정.

1. 가장 중요한 위젯: __________________
2. 그 다음: __________________
3. 그 다음: __________________
4. 그 다음: __________________
5. 마지막: __________________

8. 사람 검토 체크리스트

AI 결과를 그대로 믿지 말고:

• 실제 마감·금액이 맞는가?
• 검색 결과의 출처는 신뢰할 만한가?
• 민감 정보가 들어가 있지 않은가?
• AI가 사실을 지어내지 않았는가?
• 최종 결정·전송은 내가 하는가?

9. 오늘부터 AI에게 맡길 작은 반복 업무 1개

• 내가 반복해서 하던 일: ____________________
• AI가 대신 해줄 부분: ____________________
• 내가 검토할 부분: ____________________

앞으로 내가 [반복 업무]를 할 때마다,
너는 먼저 [AI가 할 일]을 해줘.
결과는 [원하는 형식]으로 정리하고,
확실하지 않은 부분은 반드시 "확인 필요"라고 표시해줘.

10. 후속 클래스 연결

오늘 만든 대시보드를 더 키우고 싶다면:

• AI 도구·기능 더 다양하게 → AI 툴 활용 × 초급
• 매일 자동 실행되는 작업 (Tasks·MCP) → 에이전틱 AI × 기초
• 오늘 만든 대시보드를 본격 웹·앱 + 배포 → 바이브코딩 × 기초 ⭐
• Sheet·Notion·Zapier 실제 연결 → AX 클래스