2026년 9월 8일 화요일

[전교과·미술] 컨셉덱 지식 카드 배틀 - 단원 핵심 어휘를 캔바 카드로 시각화하다

단어암기장 대신 나만의 컨셉덱! — 초등 전과목 단원 핵심 어휘 컨셉덱 & 지식 카드 배틀

🎴 초등 3~6학년 전교과(국어·과학·사회·도덕) 및 미술 '상징과 표현의 재구성' 융합 — 단원별 핵심 어휘를 캔바(Canva) 스타일의 시각 카드로 재해석하고, 친구들과 공유하는 '지식 카드 배틀' 웹앱입니다. 텍스트 암기 지옥에서 탈출해 시각적 기억력과 논리적 구별력을 동시에 길러냅니다.

📖 한 줄 정의

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

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

1. 3대 핵심 분석 비교표

무엇이 바뀌었나요? / 영역 초보자를 위한 쉬운 설명 이렇게 한번 써보세요!
암기 시트 ➔ 시각 컨셉덱 단어를 무의식적으로 외우는 대신, 캔바에서 아이들이 직접 어휘별 이모지·색상·도형을 디자인하여 카드로 만듭니다. 과학 단원의 '증발', '응결', '기화' 등 어휘별 시각 컨셉덱 구축.
개인 암기 ➔ 2인 지식 카드 배틀 같은 어휘 카드를 두 명이 교차로 뽑아 정의를 말하면, 맞추면 카드를 획득하는 배틀 형식입니다. 짝꿍 턴제 게임으로 변환 가능한 단일 파일 로컬 대전 지원.
외우고 끝 ➔ 교과 간 지식 연결 과학에서 나온 어휘가 사회 단원에서도 등장하면, 두 카드가 자동으로 연결되어 막대 그래프로 시각화됩니다. '수자원' '물 소비' 등 교과 간 융합 어휘 태그 시스템 적용.

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

제미나이(Gemini)에 아래 프롬프트를 붙여넣으면 단일 HTML 파일로 즉시 완성됩니다.

  1. 프롬프트 복사 — 아래 '제미나이 전용 에러 제로 프롬프트' 전체를 복사합니다.
  2. 역질문 답변 — 제미나이가 묻는 교과 단원, 카드 수, 캔바 디자인에 답합니다.
  3. HTML 파일 실행 — 메모장에 붙여넣고 컨셉덱배틀.html로 저장 후 더블클릭합니다.

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

[🚨 에러 방지 기본 안전장치]
1. 단일 HTML 파일 완결성: 외부 라이브러리, 웹 폰트, 사운드 파일 없이 순수 바닐라 HTML/CSS/JS로 완성한다.
2. 어휘 데이터 심기 모드: const CONCEPT_DECK = [{ word: "...", def: "...", emoji: "...", subject: "...", tag: "..." }, ...] 상수에 8~12개의 교과 핵심 어휘를 내장한다.
3. 2인 턴제 배틀 시스템: 1P(파랑)와 2P(빨강)가 턴을 주고받으며 카드를 뽑고 정의를 말하면, 정답 판정 로직이 작동한다.
4. 교과 간 융합 태그: 어휘에 과목 태그(과학/사회/국어 등)를 달아 정답을 맞히면 해당 과목의 카드 수가 상단 랭킹 보드에 누적된다.
5. 학생 개인정보 0: 학생 실명 입력을 일절 받지 않으며, 번호 및 팀명으로만 구별한다.
6. // TODO, /* 생략 */ 등의 미완성 코드는 절대 넣지 말고 끝까지 완성한다.

[❓ 역질문 유도]
코드를 즉시 작성하지 말고, 기획을 구체화하기 위한 다음 3가지 질문을 먼저 나에게 던져줘:
1. 배틀에 사용할 교과와 단원은 무엇인가요? (예: 4학년 과학 '물의 상태 변화')
2. 카드 총 개수와 라운드 수는 몇 개로 할까요? (기본: 10개 어휘, 3라운드)
3. 틀렸을 때 어떤 오류 안내 문구를 표시할까요? (기본: "다시 한 번 정의를 떠올려봐요!")

🎯 에디터 한줄평

"한 번 외우면 끝나는 단어는 시험지 위에서만 살아남지만, 내가 직접 그린 카드가 친구들 손에 쥐어지는 순간 지식은 재생산됩니다. '증발'과 '기화'를 구별해야 한다는 단순한 암기 과제가, 두 명의 지식 대결 카드가 되는 순간 학급의 공기가 바뀝니다."

📚 기술·교육 참고 링크

  • 캔바(Canva) 시각 카드 디자인 가이드 및 2인 턴제 카드 배틀 게임 설계
  • 교육과정 연계: 초등 3~6학년 전교과 단원별 개념 정리, 미술(시각 표현의 재구성)
By 시간: