2026년 9월 6일 일요일

[교원연수·행정] 교원 디지털·AI 역량 자가진단 - 수준별 맞춤 연수 추천 & 로드맵 PDF



내게 딱 맞는 연수는 무엇일까? — '교원 디지털·AI 역량 자가진단 및 맞춤 연수 추천 시스템'

💻 교원 자율연수 및 디지털 리터러시 기획 — 교사가 AI 도구 활용 경험과 행정 자동화 요구사항을 체크하면, 기초·중급·심화 3단계 디지털 역량 지표를 도출하고 교육청 추천 연수 코스를 1초 만에 매칭합니다. 맞춤형 연수 로드맵을 A4 규격 PDF로 즉시 인쇄하여 교원 개별 전문성 개발을 지원합니다.

📖 한 줄 정의

심기 모드(데이터 임베딩): API 데이터를 미리 받아 HTML 파일 안 상수로 박아두는 방식(앱 실행 중 외부 통신 0).

학내망 원칙: 학생 개인정보(실명·의견·성적·상담 기록)의 외부 수집·저장·전송 금지(쿼리에 학생 데이터가 담기는 외부 API 호출 포함) — 일반 공개 쿼리의 외부 호출은 허용하며, 학생 배포본은 심기 폴백(EMBED 상수)을 항상 내장한다.

1. 3대 핵심 분석 비교표

무엇이 바뀌었나요? / 영역 초보자를 위한 쉬운 설명 이렇게 한번 써보세요!
10개 문항 다면 자가진단 생성형 AI 프롬프팅, 디지털 학급경영, 에듀테크 도구 활용 3개 영역을 5점 척도로 빠르고 정확하게 진단합니다. 총점과 영역별 점수를 바탕으로 내 역량 수준(기초·중급·심화)을 판정.
연수 코스 자동 매칭 취약 영역을 분석하여 중앙교육연수원 및 교육청 추천 강좌(단원, 시간, 링크)를 맞춤형으로 큐레이션합니다. '프롬프트 기초'부터 '바이브 코딩 행정 자동화'까지 맞춤 코스 안내.
A4 연수 로드맵 PDF 발급 진단 결과와 추천 코스가 담긴 1페이지 연수 계획서를 브라우저 기본 인쇄창(@media print)에서 PDF로 즉시 저장합니다. 교원 자율연수 계획서 제출 시 증빙 서류로 원클릭 활용.

2. 핵심 아키텍처 해설

① 역량 진단 문항 및 연수 DB: RUBRIC 상수

const COURSES = {
  basic: [
    { title: "생성형 AI 기본 프롬프팅과 수업 활용", hours: 15, tag: "기초" },
    { title: "에듀테크 도구로 여는 스마트 학급경영", hours: 15, tag: "기초" }
  ],
  intermediate: [
    { title: "바이브 코딩으로 만드는 단일 HTML 교구 제작", hours: 30, tag: "중급" },
    { title: "공공데이터 API 연동 실생활 데이터 수업", hours: 15, tag: "중급" }
  ],
  advanced: [
    { title: "교무 행정 자동화 및 로컬 LLM 구축 실무", hours: 30, tag: "심화" }
  ]
};

진단 점수대별 맞춤 연수 과정 목록을 파일 상단에 심어두어 외부 서버 조회 없이 브라우저에서 1초 만에 매칭됩니다.

② 수준 판정 및 취약 영역 분석

function evaluateSkill(scores) {
  const total = Object.values(scores).reduce((a, b) => a + b, 0);
  if (total >= 40) return { level: "심화", list: COURSES.advanced };
  if (total >= 25) return { level: "중급", list: COURSES.intermediate };
  return { level: "기초", list: COURSES.basic };
}

총점에 따라 수준을 나누고 해당 수준에 최적화된 연수 트랙을 화면에 렌더링합니다.

③ @media print 서식 내장

결과 화면 하단의 '연수 계획서 PDF 다운로드'를 누르면 브라우저 인쇄 모드가 호출되며, 헤더·네비게이션은 숨겨지고 A4 1장 규격의 깔끔한 연수 로드맵 보고서만 출력됩니다.

3. 초보자를 위한 바이브 코딩 실전 사용 예시

  1. 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트'를 복사합니다.
  2. 역질문 답변 — 제미나이가 묻는 진단 영역(수업/행정/보안)에 답합니다.
  3. HTML 파일 실행 — 메모장에 붙여넣고 교원역량진단.html로 저장하여 자율연수에 활용합니다.

제미나이 전용 에러 제로 프롬프트

[🚨 에러 방지 기본 안전장치]
1. 단일 HTML 파일 완결성: 외부 라이브러리, 백엔드 서버 없이 바닐라 HTML/CSS/JS로 완성한다.
2. 역량 자가진단 로직: 10개 5점 척도 문항을 제시하고, 합산 점수에 따라 기초(25점 미만), 중급(25~39점), 심화(40점 이상) 코스를 자동 매칭한다.
3. @media print 연수 로드맵 서식: 인쇄 시 헤더와 입력 버튼은 숨기고, A4 가로/세로 규격의 깔끔한 '디지털 역량 자율연수 계획서' 양식으로 출력한다.
4. 개인정보 보호: 교원 성명은 화면에만 임시 표시되며 로컬 파일이나 외부 서버로 저장되지 않는다(세션 휘발).
5. // TODO, /* 생략 */ 등의 미완성 코드는 절대 넣지 말고 끝까지 완성한다.

[❓ 역질문 유도]
코드를 즉시 작성하지 말고, 아래 3가지를 먼저 나에게 질문한 뒤 내 답변으로 설계를 확정한다.
Q1. 진단 문항을 수업 활용, 행정 자동화, 정보 보안 3개 영역으로 균등 배분할까요?
Q2. 추천 연수 코스에 연수원 이수 시간(15시간/30시간)도 함께 표기할까요?
Q3. 디자인 테마를 단정한 연수원 블루와 친근한 에듀테크 그린 중 어느 것으로 할까요?

🎯 에디터 한줄평

"모든 교사가 인공지능 개발자가 될 필요는 없습니다. 중요한 것은 '지금 내 수업과 행정에 필요한 기술의 층위가 어디인가'를 아는 것입니다. 3분간의 자가진단과 맞춤 연수 매칭은 무분별한 연수 쇼핑을 끝내고 실질적인 성장의 출발점을 짚어줍니다."

📚 기술·교육 참고 링크

  • 교육부 교원 정보화 역량 표준 프레임워크 및 중앙교육연수원 AI 연수 과정
  • 교육과정 연계: 교원 전문성 개발, 학교 자율연수 기획, 교무행정 지원
By 시간: