본 자료는 현 공유드리는 대상자분들에게만 한해 제공드리며, 부가기능 자료는 이미 공유되어 있는 자료로 공유가 가능하나 실습자료의 경우 외부 공유는 불허합니다.
강의 관련하여 문의사항 있는 경우 연락처로 문의주시거나, 이메일로 문의주시면 2~3일내 답변드리겠습니다:)
업무관련 고민되는 사항 있으시면 편하게 말씀주세요:) 같이 고민하겠습니다.
•
유민균 강사 010-2926-5476
•
이메일 : mkyoo@wedrawbusiness.com
•
홈페이지 : https://litt.ly/swervemk
커리큘럼
주제 | 내용 |
AI 활용 시
필요한 키워드 학습 | |
Gemini로 수학여행 만족도 데이터 분석 레포트 만들기 | |
NotebookLM으로 학부모 안내용 인포그래픽 포스터 만들기 | |
업무 자동화 | Google AI Studio로 반복 업무 자동화 웹서비스 만들기 시연 |
AI
LLM AI 3대장
•
Chat GPT https://chatgpt.com/
•
Claude https://claude.ai/chats
•
기본 프롬프트 작성 방법
공식가이드
프롬프트 최적화 도구
1.
클로드 프롬프트 최적화 도구 https://console.anthropic.com/dashboard
2.
Chat GPT 프롬프트 최적화 도구 https://platform.openai.com/chat/edit?models=gpt-5&optimize=true
프롬프트 가이드 세부 설명
실습
수학여행 만족도 조사 결과 보고서 써줘
JavaScript
복사
너는 중학교 교육행정 업무를 지원하는 데이터 분석 전문가야.
[상황]
이서중학교에서 2025년 11월 수학여행(1박 2일) 후 만족도 조사를 실시했어.
학생 200명, 학부모 200명이 응답했고, 아직 데이터 분석을 시작하지 않은 상태야.
[요청]
수학여행 만족도 조사 데이터를 분석한다고 할 때, 어떤 순서로 분석하면 좋을지 분석 프레임워크를 제안해줘.
[출력 조건]
- 분석 단계를 5단계 이내로 구분
- 각 단계별로 구체적으로 무엇을 분석하는지 예시 포함
- 교감·교장 보고용이라는 점을 고려해서 구성
JavaScript
복사
요약하면!
내가 원하고자 하는 바를 자세하게 입력하고, 데이터분석에 필요한 예시를 제공하고, 사고모델이 아니여도 기본적으로 사고할수있도록 “단계별로 생각하세요”라고 하며 구조화를 위해 XML 형식을 사용하고 맨처음 시스템프롬프트로 역할을 지정하면서 답변하는 양식에는 바로 시작할 수 있도록 응답을 미리 채운다
범용 프롬프트 탬플릿 구조
데이터 분석 실습
첨부한 엑셀 파일은 이서중학교 2025년 수학여행(1박 2일) 만족도 조사 데이터야.
다음을 정리해줘:
1. 시트별 구성 (시트명, 응답 수, 컬럼 목록)
2. 정량 데이터 항목과 척도
3. 주관식 데이터 항목
4. 데이터에서 눈에 띄는 특이사항 (결측치, 이상치 등)
표 형태로 깔끔하게 정리해줘.
JavaScript
복사
너는 교육행정 데이터 분석 전문가야.
방금 파악한 이서중학교 수학여행 만족도 데이터의 [학생] 시트를 분석해줘.
[분석 요청]
1. 항목별 기초 통계
- 6개 만족도 항목(전반적, 체험활동, 일정/이동, 숙소, 식사, 안전관리)의 평균, 중앙값, 최빈값, 표준편차를 표로 정리
- 평균 기준으로 높은 순서대로 정렬
2. 성별 비교 분석
- 남학생/여학생별 6개 항목 평균을 비교 표로 정리
- 성별 간 차이가 0.3점 이상인 항목은 별도 표시
3. 만족도 분포 분석
- 전반적 만족도의 점수별(1~5점) 응답 수와 비율을 표로 정리
- 3점 이하 응답 비율(불만족 비율)을 산출
4. 핵심 발견사항
- 가장 만족도가 높은 항목과 그 의미
- 가장 만족도가 낮은 항목과 개선 필요성
- 성별 차이가 두드러진 항목과 시사점
[출력 형식]
- 각 분석 항목별로 표 + 해석 코멘트 구성
- 숫자는 소수점 둘째자리까지 표시
- 해석은 '교감·교장 보고용'에 맞게 간결하고 객관적으로 작성
JavaScript
복사
이어서 [학부모] 시트를 같은 방식으로 분석해줘.
[분석 요청]
1. 항목별 기초 통계
- 4개 만족도 항목(비용 만족도, 비용 대비 프로그램 만족도, 안전관리 신뢰도, 사전안내 만족도)의 평균, 중앙값, 표준편차를 표로 정리
- 평균 기준 높은 순서대로 정렬
2. 적정 수학여행 비용 분석
- 응답된 적정 비용의 평균, 중앙값, 최소, 최대
- 금액대별(10만원 이하 / 11~15만원 / 16~20만원 / 21~25만원 / 26만원 이상) 응답 분포
3. 2026 수학여행 희망 지역 분석
- 지역별 응답 수와 비율을 많은 순서로 정리
- 상위 5개 지역 강조
4. 핵심 발견사항
- 학부모가 가장 신뢰하는 영역과 가장 불만족하는 영역
- 적정 비용 분석에서 나오는 시사점
- 희망 지역 데이터의 활용 방안
[출력 형식]
- 표 + 해석 코멘트 구성
- 숫자는 소수점 둘째자리까지
- '교육청 보고용'에 맞게 간결하고 객관적 톤
JavaScript
복사
이어서 학생과 학부모의 주관식 응답을 분석해줘.
[학생 주관식 분석]
1. "가장 재미있었던 활동" 응답을 카테고리별로 분류하고, 각 카테고리의 응답 수와 대표 의견 1개씩 정리
2. "가장 힘들었거나 별로였던 점" 응답을 카테고리별로 분류하고, 각 카테고리의 응답 수와 대표 의견 1개씩 정리
3. "다음 수학여행에서 하고 싶은 것" 상위 5개 키워드 추출
[학부모 주관식 분석]
4. "비용 관련 의견"에서 반복되는 요구사항 상위 5개 정리
5. "안전/운영 관련 의견"에서 반복되는 요구사항 상위 5개 정리
6. "기타 건의사항"에서 주목할 만한 의견 3개 선별
[출력 형식]
- 각 항목을 표로 정리 (카테고리 | 응답 수 | 대표 의견)
- 카테고리는 최대 7개 이내로 묶기
- 결측치(미응답)는 별도 표기
JavaScript
복사
지금까지 분석한 학생+학부모 데이터를 종합해서 '교감·교장 보고용 핵심 인사이트'를 도출해줘.
[요청]
1. 긍정적 성과 3가지
- 데이터 근거(구체적 수치)와 함께 제시
2. 개선이 필요한 영역 3가지
- 데이터 근거 + 학생/학부모 주관식 의견을 연결해서 제시
3. 2026 수학여행을 위한 제안사항 3가지
- 분석 데이터에 기반한 구체적이고 실행 가능한 제안
[출력 형식]
- 각 항목은 [인사이트 한 줄 요약] + [근거 데이터] + [상세 설명] 구조
- 보고서에 바로 인용할 수 있는 톤과 형식으로 작성
- 감정적 표현 배제, 데이터 기반 객관적 서술
JavaScript
복사
지금까지 분석한 내용을 기반으로 '2025 이서중학교 수학여행 만족도 조사 결과 보고서'를 작성해줘.
[보고서 독자]
교감·교장 선생님 (내부 보고용)
[보고서 구조]
1. 조사 개요
- 조사 목적, 기간, 대상(학생 200명/학부모 200명), 조사 방법
2. 주요 결과 요약 (Executive Summary)
- 핵심 수치 3~4개를 한눈에 볼 수 있게 정리
- 전체적 한 줄 평가
3. 학생 만족도 분석
- 항목별 만족도 결과 (표 포함)
- 성별 비교 주요 포인트
- 주관식 분석 결과 (카테고리별 요약)
4. 학부모 만족도 분석
- 항목별 만족도 결과 (표 포함)
- 적정 비용 분석 결과
- 희망 지역 분석 결과
- 주관식 분석 결과 (카테고리별 요약)
5. 종합 인사이트 및 개선 제안
- 긍정적 성과 3가지
- 개선 필요 영역 3가지
- 2026 수학여행 제안사항 3가지
6. 부록
- 상세 데이터 표
[작성 조건]
- 공문서 톤: 간결하고 객관적, 감정 표현 배제
- 모든 수치에 데이터 출처 명시 (예: "학생 설문 기준")
- 표와 텍스트를 적절히 배합
- A4 기준 5~7페이지 분량
- 한국어로 작성
이 보고서를 Canvas 기능으로 작성해줘.
JavaScript
복사
보고서의 '종합 인사이트 및 개선 제안' 부분을 아래 조건으로 수정해줘:
- 개선 제안을 '즉시 실행 가능한 것'과 '중장기 검토 사항'으로 나눠줘
- 각 제안에 예상 소요 비용이나 담당 부서를 추가해줘
JavaScript
복사
NotebookLM으로 학부모 안내용 인포그래픽 포스터
첨부된 보고서를 기반으로 '학부모 안내용 수학여행 결과 안내문'에 들어갈 내용을 재구성해줘.
[대상]
학부모님 (가정통신문 또는 학교 홈페이지 게시용)
[톤 & 스타일]
- 딱딱한 보고서 톤이 아닌, 따뜻하고 친근한 안내 톤
- 전문 용어(표준편차, 중앙값 등) 사용하지 않기
- 학부모 입장에서 궁금한 것 위주로 구성
[포함할 내용 5가지]
1. 수학여행 개요 (언제, 어디서, 몇 명)
2. 학생들의 만족도 하이라이트 (가장 좋아한 것, 아쉬웠던 것)
3. 학부모 설문 결과 요약 (안전 신뢰도 높았다는 점 강조)
4. 학생들의 생생한 한마디 (주관식에서 인상적인 응답 5개 발췌)
5. 2026년 수학여행 개선 방향 (학부모 의견 반영 계획)
[출력 형식]
위 5가지 항목별로 제목 + 본문 2~3문장 + 핵심 수치 1~2개로 정리해줘.
JavaScript
복사
아까 재구성한 학부모 안내 콘텐츠를 기반으로, 5장짜리 안내 슬라이드의 구조를 JSON 형태로 만들어줘.
[슬라이드 구성]
- 슬라이드 1: 표지 (제목 + 학교명 + 날짜)
- 슬라이드 2: 수학여행 만족도 한눈에 보기 (핵심 수치 4~5개)
- 슬라이드 3: 아이들의 생생한 한마디 (주관식 응답 발췌 5개)
- 슬라이드 4: 학부모님 설문 결과 요약 (안전 신뢰도 강조 + 희망 지역 TOP3)
- 슬라이드 5: 2026 수학여행, 이렇게 준비하겠습니다 (개선 방향 3가지)
[JSON 형식 규칙]
각 슬라이드를 아래 형태로 구성해줘:
{
"slides": [
{
"slideNumber": 1,
"layout": "title",
"backgroundColor": "#색상코드",
"textElements": [
{
"id": "title",
"content": "한글 텍스트 내용",
"role": "제목",
"fontSize": 32,
"fontWeight": "bold",
"color": "#색상코드",
"position": {"x": "center", "y": "40%"}
},
{
"id": "subtitle",
"content": "한글 텍스트 내용",
"role": "부제목",
"fontSize": 18,
"fontWeight": "normal",
"color": "#색상코드",
"position": {"x": "center", "y": "55%"}
}
],
"visualElements": [
{
"type": "icon/chart/shape/image",
"description": "시각 요소 설명",
"position": {"x": "값", "y": "값"},
"size": {"width": "값", "height": "값"}
}
]
}
]
}
[핵심 규칙]
1. 모든 한글 텍스트는 반드시 textElements의 content 안에만 넣을 것
2. visualElements에는 한글 텍스트를 포함하지 말 것 (아이콘, 도형, 배경 등만)
3. 데이터 수치는 보고서의 실제 데이터를 정확히 반영할 것
4. 슬라이드당 텍스트 요소는 최대 6개 이내로 제한 (깔끔하게)
5. 각 textElement에 fontSize, fontWeight, color를 반드시 명시할 것
JavaScript
복사
위에서 만든 JSON 구조에 아래 디자인 시스템을 적용해서, 최종 슬라이드를 생성해줘.
[디자인 시스템]
1. 컬러 팔레트
- primary: "#2B5797" (남색 - 제목, 강조)
- secondary: "#4ECDC4" (민트 - 포인트, 아이콘)
- accent: "#FF6B6B" (코랄 - 핵심 수치 강조)
- background: "#F8F9FA" (밝은 회색 - 슬라이드 배경)
- surface: "#FFFFFF" (흰색 - 카드/박스 배경)
- text_primary: "#2D3436" (진한 회색 - 본문)
- text_secondary: "#636E72" (중간 회색 - 부제목/설명)
2. 타이포그래피
- 제목 (h1): Pretendard Bold, 32px, color: primary
- 부제목 (h2): Pretendard SemiBold, 22px, color: text_primary
- 본문 (body): Pretendard Regular, 16px, color: text_primary
- 강조 수치 (number): Pretendard ExtraBold, 48px, color: accent
- 캡션 (caption): Pretendard Regular, 13px, color: text_secondary
※ Pretendard가 불가능한 경우 Noto Sans KR 사용
3. 레이아웃 규칙
- 슬라이드 비율: 16:9
- 여백: 상하좌우 40px
- 카드형 정보 박스: 모서리 둥글기 12px, 그림자 subtle drop shadow
- 정보 간 간격: 최소 20px
- 아이콘: Material Icons 또는 심플한 라인 아이콘 스타일
4. 슬라이드별 레이아웃 가이드
- 슬라이드 1 (표지): 중앙 정렬, 학교 로고 자리 상단, 제목 중앙, 날짜 하단
- 슬라이드 2 (만족도 한눈에): 4~5개 지표를 카드 형태로 가로 배치, 각 카드에 아이콘+수치+항목명
- 슬라이드 3 (학생 한마디): 말풍선 또는 인용 카드 형태로 5개 배치
- 슬라이드 4 (학부모 결과): 좌측에 만족도 수치, 우측에 희망 지역 TOP3
- 슬라이드 5 (개선 방향): 3개 개선안을 번호+아이콘+설명 카드로 세로 배치
[생성 조건]
- 위에서 검수한 JSON의 textElements 한글 텍스트를 정확히 그대로 사용할 것
- 한글 텍스트는 반드시 텍스트 레이어로 렌더링할 것 (이미지 안에 한글을 그리지 말 것)
- 각 슬라이드를 개별 이미지로 생성해줘
- 텍스트가 잘리지 않도록 여유 공간 확보
JavaScript
복사
슬라이드 디자인 시스템 선택
Google AI studio 활용 바이브 코딩
Act as a Senior Frontend Engineer. I need you to build a single-page React application using TypeScript and Tailwind CSS. The app is a "**2025 Gyeonggi Provincial Office of Education School Administrative Manual Chatbot**" (2025 경기도교육청 학교 업무매뉴얼 챗봇).
**Technical Stack:**
- **Framework:** React 19 (ES Modules via `importmap`, no build step like Webpack/Vite).
- **Styling:** Tailwind CSS (via CDN).
- **AI SDK:** `@google/genai` (Google Gemini API).
- **Markdown:** `react-markdown` (for rendering bot responses).
- **Font:** 'Noto Sans KR'.
**Design Requirements:**
- **Theme:** "South Korean Government" style. Clean, trustworthy, professional.
- **Colors:** Slate (backgrounds/text), Blue (primary actions/accents), White (cards).
- **Layout:** Header (sticky), Main Chat Area (scrollable), Input Area (fixed bottom).
**Key Features & Components:**
1. **App Structure (`App.tsx`):**
- Manage chat state (`messages`, `isLoading`).
- **Initial State:** Show a Welcome Message.
- **Conditional Rendering:** If the chat contains *only* the welcome message, display the **Quick Menu** AND the **FAQ Section** in the main chat area. Once the user asks a question, hide these menus and show the chat history.
2. **Message Bubble (`MessageBubble.tsx`):**
- **User:** Blue background, white text, right-aligned.
- **Bot:** White background, slate text, left-aligned, government icon avatar.
- **Markdown:** Bot messages must render Markdown (bold, lists, links) cleanly using `react-markdown`.
- **Copy:** Add a button to copy bot responses to clipboard.
3. **Loading Indicator (`LoadingIndicator.tsx`):**
- Instead of simple dots, show a "Progress Status" bubble.
- Cycle through these specific messages every 2.5 seconds to show activity:
1. "질문의 의도를 분석하고 있습니다..."
2. "2025 학교 업무매뉴얼을 검색 중입니다..."
3. "관련 법령 및 규정을 확인하고 있습니다..."
4. "답변을 정리하여 작성 중입니다..."
4. **Quick Menu (`QuickMenu.tsx`):**
- A grid of buttons for major categories:
- 민원/정보공개, 인사/복무, 학교회계 예결산, 계약/지출, 급여/4대보험, 보안/시설관리.
- Each button should have an icon, title, and description.
5. **FAQ Section (`FAQSection.tsx`):**
- A list of frequently asked questions below the Quick Menu.
- **Questions:**
1. "공무원 육아휴직 기간은 최대 얼마인가요?"
2. "1인 견적 수의계약이 가능한 금액 기준은?"
3. "관내/관외 출장 시 여비 지급 기준을 알려줘."
4. "학교운영위원회에서 심의해야 할 사항들은?"
5. "공문서 기안할 때 날짜와 숫자는 어떻게 표기해?"
- Clicking an item sends that text as a message.
6. **Gemini Integration (`services/gemini.ts`):**
- Use `model: "gemini-3-flash-preview"`.
- **System Prompt:** You are a chatbot based on the "2025 School Administrative Manual". You must ONLY answer based on the provided text.
- **Data Context:** Include the full manual text (I will provide the context below) in the system prompt.
- **Citation:** Answers must explicitly state the source (e.g., [제13편 계약]).
**Manual Context Data (for `constants.ts`):**
(Use this text for the knowledge base)
JavaScript
복사
업무에 활용할수 있는 다양한 방법
•
구글 제미나이 캔버스 기능 활용하기
◦
먼저 미리캔버스 또는 캔바 또는 사용중인 탬플릿 이미지 첨부
◦
샘플 탬플릿
첨부한 이미지 레퍼런스의 스타일을 분석해서 제공한 파일을 PPT 슬라이드로 코드화해 주세요.
그리고 첨부한 내용은 누락없이 포함되어야 하고, 필요할 경우 라인형 일러스트 이미지를 삽입하여 내용에 이해도를 돕도록 해주세요
# 가이드
- 각 슬라이드는 1000자가 넘지 않도록 구성해야합니다.
- 모든 요소의 행간, 패딩, 마진 값은 여유롭게 설정합니다.
- 슬라이드의 프레임 비율은 16:9로 설정합니다.
- 글꼴 두께: 일반 텍스트 및 본문: 400 (Regular) / 제목, 부제목, 강조 텍스트: 500 (Semibold) / 가장 큰 제목 (슬라이드 제목 등): 700 (Bold)
- 표나 차트는 스크롤 되지 않도록 구현합니다.
JavaScript
복사
•
Notebook LM을 활용하여 슬라이드쇼 만들기
미팅자료를 업로드하면 요약 제공
지침 자세히보기
녹음된 텍스트를 Google notebook LM 소스로 업로드 하고 지침 내리기
이미지 만들기 (Nano banana 3 pro)
•
기존 Gemini 무료버전으로는 3개까지 가능 / 이후 유료 결제시 지속 제작가능
•
유료결제 부담시 건당으로 결제가능 (무료로도 이용가능 하고, 첫 3개월간 40만원 크레딧 제공)
◦
참고자료
AI를 보다 잘 쓰게 만드는 프롬프트 생성기
내 손에서 찍는 프로필 사진 스튜디오
귀찮은 프롬프트 작성 이제 그만, 쉽게 나노바나나 Pro 쓰기
Copyright ⓒ 위드로우비즈니스 유민균 All rights reserved.




