2026년 9월 6일 일요일

[도덕·창체] 우리 반 익명 건의함 - 안전한 고민 나눔 및 학급 회의 안건 모아보기



말하기 어려운 고민을 안전하게 건네는 '익명 건의함 & 담임 전용 소통 보드'

🤝 초등 도덕·학급자치 및 생활지도 — 학생들이 학교생활 중 겪는 어려움과 학급 건의사항을 실명 노출 없이 작성하면, 브라우저 세션 메모리에 안전하게 임시 적재되어 담임교사가 비밀번호 잠금으로만 열람할 수 있습니다. 대면하기 어려운 고민을 조기에 발견하여 사회 정서 지원을 연계하는 따뜻한 학급 소통 수단입니다.

📖 한 줄 정의

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

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

1. 3대 핵심 분석 비교표

무엇이 바뀌었나요? / 영역 초보자를 위한 쉬운 설명 이렇게 한번 써보세요!
두 가지 모드 분리 (학생/교사) 학생들은 '익명 제출 모드'에서 작성하고, 교사는 비밀번호를 입력해야만 열리는 '담임 확인 모드'에서 내용을 볼 수 있습니다. 화면 좌측 상단 자물쇠 아이콘을 클릭하고 담임 비밀번호 입력.
키워드 분류 & 주간 안건 추천 제출된 건의 내용이 친구 관계(사이), 규칙(순서), 안전, 시설, 기타 5종으로 자동 분류되어 주간 학급 회의 아젠다로 바로 활용됩니다. 월요일 아침 자치 시간에 '우리 반 주간 토픽 3선'을 화면에 띄워 토의.
완전 로컬 프라이버시 (서버 노출 0) 아이들의 고민이 어떤 외부 클라우드 서버에도 전송되지 않고, 담임교사 컴퓨터의 브라우저 세션에서만 머무는 안전한 로컬 구조입니다. 주간 조회 후 '내용 모두 지우기' 버튼으로 학생 기록 완전 파기.

2. 핵심 아키텍처 해설

① 건의사항 카테고리 자동 분류

const CATEGORIES = ["친구 관계", "규칙과 순서", "안전", "시설", "기타"];

function categorize(text) {
  const keywords = {
    "친구 관계": ["친구", "같이", "모임", "싸움", "놀지"],
    "규칙과 순서": ["선의의", "뛰기", "순서", "양보", "조용히"],
    "안전": ["위험", "부딪힘", "넘어짐", "불"],
    "시설": ["문", "조명", "리클라이너", "화장실", "미닫이"]
  };
  for (const cat in keywords) {
    if (keywords[cat].some(k => text.includes(k))) return cat;
  }
  return "기타";
}

학생이 작성한 텍스트 안의 키워드를 스캔하여 자동으로 안건 유형을 분류합니다. 교사는 카테고리별 빈도수를 한눈에 파악할 수 있습니다.

② 교사 전용 비밀번호 잠금

const TEACHER_PIN = "2026"; // 반드시 개별 설정해서 변경하세요
function unlockBoard() {
  const input = prompt("교사 확인 코드를 입력하세요");
  if (input === TEACHER_PIN) {
    document.getElementById("board").classList.add("open");
  }
}

학생들이 실수로 담임 화면을 열어볼 수 없도록 별도 비밀번호 잠금 장치를 걸어둡니다. 학생의 익명성과 교사의 확인 권한을 모두 보장합니다.

③ 세션 메모리 완전 파기

모둠 회의나 조회 시간이 끝나면 교사가 '모두 지우기' 버튼을 눌러 브라우저의 임시 기록을 완전히 소멸시킵니다. 학생들의 솔직한 마음이 수집 대상이 아닌, 소통의 다리로만 작동하도록 설계되었습니다.

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

  1. 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트'를 복사합니다.
  2. 역질문 답변 — 제미나이가 묻는 학생 학년과 카테고리 분류에 답합니다.
  3. HTML 파일 실행 — 메모장에 붙여넣고 익명건의함.html로 저장하여 교실 태블릿에 배포합니다.

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

[🚨 에러 방지 기본 안전장치]
1. 단일 HTML 파일 완결성: 외부 라이브러리(CDN), 백엔드 서버 없이 순수 바닐라 HTML/CSS/JS로 완성한다.
2. 학생/교사 모드 분리: 기본 화면은 학생용 익명 제출 폼(학생 개인 인식 0), 우측 상단 자물쇠 버튼에 교사 비밀번호 입력 시에만 관리용 대시보드가 열리는 구조로 설계한다.
3. 세션 메모리 한정 저장: 제출된 건의 내용은 브라우저 세션 메모리(또는 sessionStorage)에만 저장하고, 페이지 새로고침 시 기본 소멸한다.
4. 카테고리 자동 분류: 학생이 쓴 내용의 키워드를 분석하여 5가지 카테고리(친구 관계, 규칙과 순서, 안전, 시설, 기타)로 자동 분류한다.
5. // TODO, /* 생략 */ 등의 미완성 코드는 절대 넣지 말고 끝까지 완성한다.

[❓ 역질문 유도]
코드를 즉시 작성하지 말고, 아래 3가지 질문을 먼저 나에게 던져줘:
1. 학생들이 선택할 수 있는 안건 카테고리 5종을 정해둘까요? (친구 관계, 규칙과 순서, 안전, 시설, 기타 등)
2. 관리자용 열람 코드는 몇 자리 숫자로 설정할까요?
3. 카테고리별로 친근한 이모지 아이콘(예: 우정 💚, 규칙 ⏰, 안전 🚦)을 함께 표기할까요?

🎯 에디터 한줄평

"말로 꺼내기 어려운 마음의 소리는 칠판에 남지 않고, 일기장 속에만 숨곤 합니다. 키워드 필터링이 탑재된 이 익명 건의함은 위기의 학생을 조기에 발견해주는 정서 안전망이자, 학급 규칙을 아이들이 스스로 입안하게 하는 민주적 토론 재료입니다. 학생들의 작은 목소리를 그대로 보고 싶지만 얼굴은 감춰주는 이 균형, 그것이 가장 이상적인 초등 교실 생활지도 입니다."

📚 기술·교육 참고 링크

  • 교육부 학교폭력 예방 및 생명존중 인권 교육 가이드라인
  • 교육과정 연계: 초등 3~6학년 도덕(협력과 소통), 창체(자율·자치 활동), 건강 및 안전 교육
By 시간: