2026년 9월 20일 일요일

법관이 권력자의 눈치를 볼 때 정의는 사라진다 - 1748년 몽테스키외가 법의 정신에 새긴 사법 독립의 원칙

📢 핵심 30초 요약
사법부의 재판 독립성과 법관의 중립성에 관한 역사적 원형을 1748년 몽테스키외의 《법의 정신》에서 만납니다.
"사법권이 입법권이나 집행권과 분리되지 않으면 자유는 존재하지 않는다"며, 권력자의 압력과 대중의 광풍으로부터 법정을 지키고자 했던 삼권분립의 명장면을 살펴봅니다.

안녕하세요! 독자 여러분. 오늘은 사법부와 법관의 재판 독립성에 얽힌 흥미로운 역사적 비화와 오래된 고전 속 놀라운 기록으로 여러분을 안내합니다.

평소 "왜 판사는 대통령이나 국회의원, 심지어 성난 여론의 눈치도 보지 않고 오직 법과 양심에 따라야 할까?"에 대해 궁금하셨을 텐데요, 오늘 소개하는 고전 속 실제 장면을 통해 깊이 있는 사실과 새로운 시선을 발견할 수 있습니다.


📊 핵심 포인트 3가지 한눈에 보기

오늘의 키워드와 고전 원전이 직접 만나는 3가지 팩트를 한눈에 비교해 보세요.

구분 (영역) 핵심 설명 이렇게 읽어보세요!
1. 발굴 원전 & 저자 《법의 정신 (De l'esprit des lois)》 (몽테스키외, 1748년) 18세기 프랑스 계몽주의 법철학의 고전이자 현대 민주 헌법 삼권분립의 원형
2. 클로즈업 장면 제11편 제6장 '영국의 헌정과 권력분립' 사법권이 다른 권력과 결탁할 때 자유가 파괴됨을 선언하며 절대적 독립을 요구한 순간
3. 인문학적 질문 사법 독립은 법관의 특권인가, 시민의 자유를 지키는 방파제인가? 법관이 아닌 피고인의 평등한 재판받을 권리를 위한 안전장치임을 확인

💡 원전 속 결정적 장면 & 깊이 읽기

원전의 생생한 텍스트 인용과 역사적 해설을 확인해 보세요.

📖 원문 핵심 인용

"모든 인간은 권력을 쥐면 그것을 남용하기 마련이며, 한계에 부딪힐 때까지 나아간다. 권력의 남용을 막기 위해서는 권력이 권력을 견제하도록 제도를 설계해야만 한다.

사법권이 입법권과 결합한다면, 시민의 생명과 자유는 자의적인 통제의 먹잇감이 될 것이다. 사법권이 행정권과 결합한다면, 재판관은 폭압자의 무자비한 힘을 휘두르게 될 것이다. 그러므로 사법권이 입법권이나 집행권과 완전히 분리되어 있지 않다면, 그 나라에는 결코 '자유'란 존재할 수 없다."

🏃 우리가 놓치기 쉬운 3가지 역사적 사실

  1. 1단계 (당시의 현실): 18세기 프랑스 절대군주는 법원의 판결을 무시하고 자의적으로 죄수를 투옥하는 봉인지옥을 남발했습니다.
  2. 2단계 (역사적 반전): 몽테스키외는 법관이 정치적 야심이나 외부의 압력에 휘둘리지 않고 오직 '법률의 문장을 읊는 입'이어야 한다고 역설했습니다.
  3. 3단계 (현대적 연결): 오늘날 사법 독립은 법관 개인을 위한 방패가 아니라, 외로운 개인이 거대한 국가 권력과 마주할 때 공정하게 보호받기 위한 최후의 울타리입니다.

🎯 마지막 한 문장

"법관이 권력자의 눈치를 보거나 광장의 함성에 저울을 기울이는 순간, 법정의 문은 닫히고 야만의 시대가 시작됩니다."

📌 작품 및 출처 정보
《법의 정신 (De l'esprit des lois)》 (샤를 드 몽테스키외, 1748년) — 제11편 제6장 '영국의 헌정과 권력분립'

눈보라 치는 플랫폼에서 마주한 운명 - 1877년 톨스토이가 안나 카레니나에 새긴 기차 여행의 설렘과 불안

📢 핵심 30초 요약
추석 KTX 기차표 예매와 열차 여행의 낭만적 원형을 1877년 톨스토이의 《안나 카레니나》에서 만납니다.
눈보라를 뚫고 플랫폼으로 미끄러져 들어오는 증기기관차와, 덜컹거리는 객차 창가에서 마주한 설렘과 운명적 불안을 포착한 19세기 문학의 백미를 살펴봅니다.

안녕하세요! 독자 여러분. 오늘은 추석 KTX 기차표 예매와 열차 여행에 얽힌 흥미로운 역사적 비화와 오래된 고전 속 놀라운 기록으로 여러분을 안내합니다.

평소 "왜 우리는 기차역 승강장에 서서 기차를 기다릴 때 특유의 설렘과 두근거림을 느낄까?"에 대해 궁금하셨을 텐데요, 오늘 소개하는 고전 속 실제 장면을 통해 깊이 있는 사실과 새로운 시선을 발견할 수 있습니다.


📊 핵심 포인트 3가지 한눈에 보기

오늘의 키워드와 고전 원전이 직접 만나는 3가지 팩트를 한눈에 비교해 보세요.

구분 (영역) 핵심 설명 이렇게 읽어보세요!
1. 발굴 원전 & 저자 《안나 카레니나 (Anna Karenina)》 (레프 톨스토이, 1877년) 19세기 러시아 사실주의 문학의 정점이자 철도 문명의 빛과 그림자를 그린 걸작
2. 클로즈업 장면 제1부 18장 모스크바 기차역 플랫폼과 야간열차의 눈보라 증기기관차의 하얀 연기 속에서 익숙한 일상을 벗어나 운명의 여정으로 오르는 순간
3. 인문학적 질문 기차라는 공간은 인간의 내면과 관계를 어떻게 변화시키는가? 목적지 도착만을 서두르지 않고 차창 밖을 바라보며 나를 만나는 사색의 여백 발견

💡 원전 속 결정적 장면 & 깊이 읽기

원전의 생생한 텍스트 인용과 역사적 해설을 확인해 보세요.

📖 원문 핵심 인용

"플랫폼 위로 뿜어져 나오는 뜨거운 증기와 영하의 눈보라가 뒤섞여 희뿌연 안개를 만들었다. 사람들은 헤어짐의 눈물을 흘리거나 다시 만남의 포옹을 나누며 분주히 움직였다. 기적 소리가 울리고 차장이 랜턴을 흔들 때마다, 익숙한 일상의 질서는 허물어지고 예측할 수 없는 미지의 여정이 시작되고 있었다.

덜컹거리는 객차 창가에 기대어 차창 밖으로 스쳐 지나가는 어두운 들판의 설경을 바라보았다. 규칙적인 쇠바퀴 소리는 마치 심장 박동처럼 영혼을 흔들었다."

🏃 우리가 놓치기 쉬운 3가지 역사적 사실

  1. 1단계 (당시의 현실): 19세기 후반 러시아에서 철도는 광대한 제국의 대륙을 하나로 묶고 계급의 장벽을 허문 가장 충격적인 근대 문명의 상징이었습니다.
  2. 2단계 (역사적 반전): 톨스토이는 기차를 단순한 이동 수단이 아니라, 인간의 억눌린 무의식과 일탈의 욕망을 깨우는 운명적 매개체로 설정했습니다.
  3. 3단계 (현대적 연결): 오늘날 KTX 예매와 명절 귀향길은 단순한 수송의 과정을 넘어, 바쁜 일상을 멈추고 고향과 가족, 그리고 내면으로 돌아가는 현대인의 통과의례입니다.

🎯 마지막 한 문장

"레일 위를 미끄러지는 기차에 몸을 실을 때, 우리는 목적지에 닿기 전 그 중간의 길 위에서 비로소 잊고 지냈던 내 마음의 진짜 목적지를 마주하게 됩니다."

📌 작품 및 출처 정보
《안나 카레니나 (Anna Karenina)》 (레프 톨스토이, 1877년) — 제1부 제18장 '모스크바 기차역 플랫폼'

알곡을 거두는 손길에 깃든 대지의 지혜 - 19세기 서유구가 임원경제지에 새긴 가을 추수의 과학

📢 핵심 30초 요약
가을 추수와 식량 안보의 역사적 원형을 19세기 조선 최고의 실학 백과사전, 서유구의 《임원경제지》에서 만납니다.
황금빛 들판에서 낟알의 익은 정도를 관찰해 낫을 대는 최적의 타이밍과, 바람길을 열어 곡식을 썩지 않게 갈무리하던 선조들의 놀라운 농경 과학을 살펴봅니다.

안녕하세요! 독자 여러분. 오늘은 가을 추수와 식량 안보에 얽힌 흥미로운 역사적 비화와 오래된 고전 속 놀라운 기록으로 여러분을 안내합니다.

평소 "선조들은 벼를 언제 어떻게 베어야 한 톨의 낭비도 없이 알곡을 온전히 거둘 수 있다고 보았을까?"에 대해 궁금하셨을 텐데요, 오늘 소개하는 고전 속 실제 장면을 통해 깊이 있는 사실과 새로운 시선을 발견할 수 있습니다.


📊 핵심 포인트 3가지 한눈에 보기

오늘의 키워드와 고전 원전이 직접 만나는 3가지 팩트를 한눈에 비교해 보세요.

구분 (영역) 핵심 설명 이렇게 읽어보세요!
1. 발굴 원전 & 저자 《임원경제지 (林園經濟志)》 〈본리지〉 (서유구, 19세기 전반) 조선 후기 실학파가 남긴 113권 규모의 방대한 농업·생활 실용 백과전서
2. 클로즈업 장면 본리지 권11 '수확과 갈무리(蓄藏)' 벼이삭 끝 8~9알이 누렇게 익었을 때 낫을 대는 추수의 골든타임과 건조 기술
3. 인문학적 질문 농경과 수확은 단순 노동인가, 자연과 대화하는 과학인가? 대지의 결실을 소중히 여기는 땀과 지혜의 숭고한 가치를 확인

💡 원전 속 결정적 장면 & 깊이 읽기

원전의 생생한 텍스트 인용과 역사적 해설을 확인해 보세요.

📖 원문 핵심 인용

"곡식을 거두는 데는 반드시 지켜야 할 때가 있다. 너무 일찍 베면 알곡이 채 여물지 않아 가볍고 부서지며, 너무 늦게 베면 가을비에 낟알이 떨어져 새와 쥐의 밥이 된다.

이삭 끝의 여덟아홉 알이 누렇게 익고 밑동의 두세 알에 아직 푸른 기운이 남아 있을 때 낫을 대는 것이 천하의 으뜸 비결이다. 흙에서 곡식을 얻는 것은 대지의 은혜이나, 그것을 썩히지 않고 백성을 먹이는 것은 오직 인간의 정밀한 지혜에 달려 있다."

🏃 우리가 놓치기 쉬운 3가지 역사적 사실

  1. 1단계 (당시의 현실): 조선 후기 농민들은 기후 변화와 병충해로 매년 보릿고개와 식량 부족의 위험에 시달렸습니다.
  2. 2단계 (역사적 반전): 서유구는 사대부의 관념적 유학을 버리고 직접 흙을 갈며 볏단 세우는 각도와 통풍 과학을 체계화했습니다.
  3. 3단계 (현대적 연결): 오늘날 세계적인 식량 안보 위기 속에서, 흙의 가치와 정직한 생산 노동을 귀하게 여기는 태도는 문명의 지속 가능성을 지키는 가장 단단한 방패입니다.

🎯 마지막 한 문장

"대지가 베푼 결실을 정직하게 거두고 귀하게 아끼는 손길 속에서, 비로소 인간과 자연의 거룩한 공존이 완성됩니다."

📌 작품 및 출처 정보
《임원경제지 (林園經濟志)》 〈본리지〉 (서유구, 19세기 전반) — 권11 '수확과 갈무리'

처마 끝에 걸린 달빛을 밟으며 걷다 - 18세기 유득공이 경도잡지에 새긴 한양의 달빛 산책

📢 핵심 30초 요약
가을철 '창덕궁 달빛기행'과 고궁 야간 관람 열풍의 원형을 18세기 유득공의 《경도잡지》에서 만납니다.
인공 조명이 없던 시절, 보름달 아래 한양 도성과 궁궐 돌담길을 거닐며 달빛을 온몸으로 누리던 조선인들의 고즈넉한 야간 산책과 치유의 지혜를 살펴봅니다.

안녕하세요! 독자 여러분. 오늘은 가을 궁궐 야간 관람과 달빛 산책에 얽힌 흥미로운 역사적 비화와 오래된 고전 속 놀라운 기록으로 여러분을 안내합니다.

평소 "왜 우리는 화려한 도심의 조명을 벗어나 어두운 옛 궁궐의 달밤을 걸으려 할까?"에 대해 궁금하셨을 텐데요, 오늘 소개하는 고전 속 실제 장면을 통해 깊이 있는 사실과 새로운 시선을 발견할 수 있습니다.


📊 핵심 포인트 3가지 한눈에 보기

오늘의 키워드와 고전 원전이 직접 만나는 3가지 팩트를 한눈에 비교해 보세요.

구분 (영역) 핵심 설명 이렇게 읽어보세요!
1. 발굴 원전 & 저자 《경도잡지 (京都雜誌)》 (유득공, 18세기 후반) 조선 정조 연간 한양 도성의 세시풍속과 도시 문화를 집대성한 실학 명저
2. 클로즈업 장면 세시(歲時) 조의 답교(踏橋)와 달밤 도성·궁궐 야유(夜遊) 인정(人定) 후 달빛 아래 궁궐 담장과 돌다리를 거닐던 백성들의 생생한 야행 기록
3. 인문학적 질문 인공의 빛이 꺼진 어둠 속에서 궁궐과 공간은 어떻게 다시 태어나는가? 권력의 차가움을 지우고 인간을 위로하는 달빛과 어둠의 미학 발견

💡 원전 속 결정적 장면 & 깊이 읽기

원전의 생생한 텍스트 인용과 역사적 해설을 확인해 보세요.

📖 원문 핵심 인용

"달이 둥글게 차오르는 밤이면, 남녀노소가 짝을 지어 쏟아져 나와 청계천의 돌다리를 밟고 도성의 성곽길과 대궐 담장 곁을 거닌다. 이를 답교(踏橋)라 부르는데, 밤이 깊어 북두칠성이 기울 때까지 피리 소리와 웃음소리가 달빛에 젖어 끊이지 않는다."

🏃 우리가 놓치기 쉬운 3가지 역사적 사실

  1. 1단계 (당시의 현실): 조선 시대 한양은 인정(夜 10시) 이후 통행금지가 엄격했으나, 밝은 달밤에는 금표가 완화되어 백성들이 합법적으로 밤의 정취를 누렸습니다.
  2. 2단계 (역사적 반전): 낮에는 엄격한 신분 질서와 권력의 위엄으로 차단되었던 궁궐 담장과 관아 거리가, 밤의 달빛 아래에서는 온 백성이 평등하게 거니는 낭만적 해방구로 변모했습니다.
  3. 3단계 (현대적 연결): 오늘날 궁궐 야간 관람 열풍은 인공의 빛과 소음으로 지친 현대인이 조명을 끄고 옛 공간의 고요한 침묵과 달빛을 통해 내면을 치유하려는 본능적 귀향입니다.

🎯 마지막 한 문장

"눈부신 인공의 조명을 끄고 고궁의 어둠 속으로 걸어 들어갈 때, 비로소 우리는 잊고 지냈던 밤하늘의 달과 내 내면의 고요한 숨소리를 되찾게 됩니다."

📌 작품 및 출처 정보
《경도잡지 (京都雜誌)》 (유득공, 18세기 후반) — 세시(歲時) 편 및 도성 야유(夜遊) 기록

아무도 정체를 모르는 회사에 돈을 쏟아붓다 - 1720년 찰스 맥케이가 대중의 망상에 새긴 기술 거품의 경고

📢 핵심 30초 요약
최근 빅테크와 AI 스타트업을 둘러싼 '기술 거품론'과 현금 고갈 논쟁의 역사적 원형을 1841년 찰스 맥케이의 《대중의 망상과 군중의 광기》에서 만납니다.
"사업 내용이 뭔지 아무도 모르는 회사"에 전 재산을 쏟아붓던 1720년 런던 금융가의 투기 광풍과, 천재 과학자 아이작 뉴턴마저 파멸로 몰고 간 집단 광기의 명장면을 살펴봅니다.

안녕하세요! 독자 여러분. 오늘은 AI 기술 거품론과 신기술 투자 열풍에 얽힌 흥미로운 역사적 비화와 오래된 고전 속 놀라운 기록으로 여러분을 안내합니다.

평소 "새로운 기술이 등장할 때마다 왜 시장에는 거대한 투기 거품과 집단 광풍이 반복될까?"에 대해 궁금하셨을 텐데요, 오늘 소개하는 고전 속 실제 장면을 통해 깊이 있는 사실과 새로운 시선을 발견할 수 있습니다.


📊 핵심 포인트 3가지 한눈에 보기

오늘의 키워드와 고전 원전이 직접 만나는 3가지 팩트를 한눈에 비교해 보세요.

구분 (영역) 핵심 설명 이렇게 읽어보세요!
1. 발굴 원전 & 저자 《대중의 망상과 군중의 광기》 (찰스 맥케이, 1841년) 금융 역사상 가장 유명한 투기 거품들을 집대성한 사회심리학의 고전
2. 클로즈업 장면 제3장 남해회사 거품과 런던 체인지 앨리의 공모 사기극 실체 없는 신기술 회사에 줄을 선 군중과 전 재산을 잃은 뉴턴의 탄식
3. 인문학적 질문 기술 혁신의 장밋빛 청사진과 금융 거품의 경계는 어디인가? 현실의 수익성 증명 없는 내러티브 투자의 위험성을 냉철하게 경고

💡 원전 속 결정적 장면 & 깊이 읽기

원전의 생생한 텍스트 인용과 역사적 해설을 확인해 보세요.

📖 원문 핵심 인용

"막대한 이익을 가져다줄 것이나, 그것이 무엇인지는 아무도 모르는 사업을 위한 회사.
상식적으로 생각하면 어린아이도 웃어넘길 일이었지만, 탐욕에 눈이 먼 군중은 단 5시간 만에 1,000명의 투자금을 쏟아부어 거금을 만들어주었다.

인류 최고의 천재 과학자 아이작 뉴턴마저 이 광풍에 휩쓸려 전 재산을 날린 뒤 탄식했다. '나는 천체의 궤도는 센티미터 단위까지 계산할 수 있었지만, 인간의 광기만큼은 도저히 계산할 수 없었다.'"

🏃 우리가 놓치기 쉬운 3가지 역사적 사실

  1. 1단계 (당시의 현실): 1720년 런던에서는 '바닷물에서 은을 추출한다'거나 '영구기관을 만든다'는 식의 실체 없는 기술 사기극이 횡행했습니다.
  2. 2단계 (역사적 반전): 뉴턴처럼 지적으로 탁월한 인물도 이웃이 벼락부자가 되는 것을 보며 소외감(FOMO)을 견디지 못하고 꼭대기에서 투매에 가담했습니다.
  3. 3단계 (현대적 연결): 오늘날 생성형 AI에 몰리는 천문학적 자본 역시, 구체적인 수익 모델(BM)과 현금 창출 능력을 냉정하게 입증해야만 거품의 함정을 피할 수 있습니다.

🎯 마지막 한 문장

"광풍이 불 때는 누구나 날아오를 수 있지만, 거품이 꺼지고 바람이 멎었을 때 비로소 누가 바위 위에 집을 지었는지가 드러납니다."

📌 작품 및 출처 정보
《대중의 망상과 군중의 광기 (Extraordinary Popular Delusions and the Madness of Crowds)》 (찰스 맥케이, 1841년) — 제3장 '남해회사 거품'

[바이브 코딩 역사] "그것은 내 잘 모르겠구려" — 역사 인물의 말투와 사실성을 완벽히 살려내는 '단일 HTML 역사 인물 인터뷰 챗봇' 설계 공식

[바이브 코딩 역사] "그것은 내 잘 모르겠구려" — 역사 인물의 말투와 사실성을 완벽히 살려내는 '단일 HTML 역사 인물 인터뷰 챗봇' 설계 공식

💡 30초 핵심 요약
초등학교 국어·사회 시간에 역사 인물 인터뷰 수업을 진행할 때, 시중 AI에게 "조선 후기 여성 의병장 윤희순이 되어 학생과 대화해줘"라고만 하면 어떤 문제가 생길까요? 현대 표준어로 어색하게 말하거나, 교과서에 없는 가짜 일화를 청산유수로 지어내는 '역사 왜곡 할루시네이션'이 발생합니다! 아이들에게 진짜 역사적 인물의 숨결을 느끼게 하려면 1) 고풍스러운 시대 말투('하오체'), 2) 3~4문장의 간결한 호흡, 그리고 3) 기록이 없는 사실은 "그것은 내 잘 모르겠구려"라고 솔직하게 인정하는 '겸손 헌법'이 시스템 프롬프트에 단단히 박혀있어야 합니다. 학급 전용 역사 인물 1:1 대화방 웹앱 바이브 코딩 비법을 공개합니다!

1. 역사 수업에서 챗봇이 무너지는 3대 이유

부산교육청 프롬프트 교안에서 소개된 '의병장 윤희순 챗봇' 사례는 인공지능을 활용한 인문·역사 수업 설계의 정수를 보여줍니다. 교사가 아무런 제약 없이 AI를 교실에 투입하면 다음과 같은 3대 참사가 벌어집니다:

  • 현대어 남발로 인한 몰입감 붕괴: 100년 전 구한말 의병장이 "안녕하세요! 저는 윤희순입니다. 질문해 주셔서 감사합니다~"라며 2026년 상담원 말투를 쓰면 역사적 실감이 사라집니다.
  • 장문 출력으로 인한 문해력 과부하: 아이가 짧은 질문 하나를 던졌는데, AI가 위키백과를 통째로 긁어온 듯 스크롤이 끝없는 1,500자 장문을 쏟아내면 초등학생은 읽기를 포기합니다.
  • 기록이 없는 가짜 사실의 창작: "의병장님, 어릴 때 좋아하던 간식이 뭐였어요?"라고 물었을 때, 역사 기록에 없음에도 불구하고 "저는 약과와 곶감을 아주 좋아했답니다"라고 그럴듯하게 거짓말을 지어냅니다.

2. 입체적 페르소나 설계를 위한 3대 원칙

설계 원칙 교실 적용의 핵심 의미 실전 시스템 프롬프트 규칙
① 시대적 어투 고정
(Tone & Voice)
역사적 무게감과 몰입감을 위해 고풍스러운 어휘와 종결어미를 강제합니다. 기본 어투로 '~하오체'를 사용하며, 나라를 사랑하는 강인함과 후손을 아끼는 따뜻한 어조를 유지합니다.
② 3~4문장 호흡 제어
(Length Control)
일방적인 강의가 아니라 티키타카 대화가 이어지도록 발화 길이를 엄격히 제한합니다. "한 번의 답변은 3~4문장 이내로 간결하게 핵심만 전달하고, 마지막에 아이의 생각을 묻는 질문을 던져라."
③ 오류 대비 겸손 헌법
(Honest Boundary)
역사적 기록이 없는 가짜 사실의 날조(환각)를 원천 차단합니다. 확실치 않은 질문에는 "그 부분은 내 잘 모르겠구려. 기록에 남아있지 않소."라고 솔직하게 답변하도록 고정합니다.

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

선생님이 원하는 역사 인물(윤희순, 안중근, 세종대왕 등)로 언제든 교체하여 단일 HTML 대화방 웹앱으로 빌드할 수 있는 프롬프트 템플릿입니다.

📋 [복사해서 사용하는 '역사 인물 인터뷰 룸' 웹앱 프롬프트]

당신은 역사 교육을 위한 시뮬레이션 웹 애플리케이션 개발자입니다.
초등학생들이 구한말 여성 의병장 '윤희순' 선생과 1:1로 인터뷰할 수 있는 '단일 HTML 인터뷰 챗 웹앱'을 제작해 주세요.

[1. 페르소나 및 3대 대화 규칙 (System Persona)]
1) 역할: 당신은 조선 말기의 최초 여성 의병장 윤희순(1860~1935)입니다.
2) 어투: '하오체'를 기본으로 구사하며(예: "~하였소", "~하구려"), 후손인 초등학생들을 기특해하면서도 나라를 잃은 슬픔과 독립 의지를 담아 말씀하세요.
3) 분량 제어: 초등학생의 읽기 집중력을 고려하여, 한 번의 응답은 반드시 3~4문장 이내로 핵심만 전하세요.
4) 겸손 헌법 (환각 방지):
   - '안사람 의병가' 제작, 군자금 모금, 춘천 의병 훈련 등 실제 역사적 사실에 기반해서만 답변하세요.
   - 역사적 기록이 없거나 현대적인 질문(예: 스마트폰, 좋아하는 피자 등)에 대해서는 "그것은 내 시대에 없던 것이라 잘 모르겠구려. 그대들의 세상은 참으로 신기하오."라며 솔직하고 자연스럽게 넘어가세요.

[2. 모바일 메신저형 인터랙션 UI]
- 레이아웃: 카카오톡이나 문자 메신저처럼 상단에 [의병장 윤희순 (1860~1935)] 프로필 사진과 소개가 있고, 아래로 말풍선이 오가는 친숙한 채팅 UI를 구성하세요.
- 추천 질문 칩(Chip): 초등학생들이 질문을 막막해하지 않도록 화면 하단에 ["안사람 의병가는 왜 지으셨나요?", "여성의 몸으로 의병을 모을 때 힘들지 않으셨나요?", "오늘날 우리에게 전하고 싶은 말씀은?"] 3개의 추천 질문 버튼을 배치하세요.
- 단일 HTML 파일로 외부 데이터베이스나 별도 설치 없이 브라우저에서 바로 실행되게 만드세요.

[3. 거꾸로 질문하기 (Reverse Prompting)]
코드를 작성하기 전에, 수업 의도를 정확히 반영하기 위해 저에게 다음 2가지를 먼저 질문해 주세요:
1) 윤희순 의병장 외에 함께 인터뷰하고 싶은 다른 역사 인물(예: 유관순, 김구) 탭 전환 기능이 필요한가요?
2) 학생과의 인터뷰 대화 내용을 수업 후 인쇄(포트폴리오 제출용)하는 버튼을 추가할까요?
  

🎯 에디터 한줄평

"모든 것을 안다고 거짓말하는 AI는 학생을 속이지만, '모르는 것은 모른다'고 솔직히 선을 긋는 페르소나 AI는 학생에게 역사적 진실과 탐구의 가치를 깨닫게 합니다!"

출처 및 참고 자료: 부산광역시교육청 교육연구정보원 공통 기초 연수 《생성형 AI의 이해와 프롬프트 설계의 기초 - 국어 6학년 인물이 추구하는 가치 파악하기(윤희순 의병장 챗봇) 사례》

[쉬운 AI 소식] 클로드 코드(Claude Code) 2.1.277 — AGENTS.md 전격 지원! 단 하나의 파일로 모든 AI 코딩 도구 통일하기

⚡ 앤트로픽 클로드 코드(Claude Code) 2.1.277 릴리즈 — 드디어 'AGENTS.md' 공식 지원! 파일 하나로 모든 AI 코딩 도구 맥락 통일하기

💡 30초 핵심 다이제스트
2026년 9월 18일, Anthropic이 터미널 기반 AI 코딩 도구인 클로드 코드(Claude Code v2.1.277)의 최신 업데이트를 공개했습니다!
그동안 클로드 코드는 오직 CLAUDE.md 파일만을 프로젝트 지침으로 고집해와서, 오픈 에이전트 표준인 AGENTS.md를 사용하는 개발자나 교사들이 두 개의 설정 파일을 따로 관리해야 하는 번거로움이 있었습니다. 하지만 이번 릴리즈부터 프로젝트에 CLAUDE.md가 없으면 자동으로 AGENTS.md를 인식하고 프로젝트 지침으로 로드하는 호환성 업데이트가 전격 적용되었습니다! 이제 단 하나의 마크다운 파일로 Cursor, Windsurf, Claude Code까지 모든 AI 에이전트의 교실 맥락을 완벽히 통일할 수 있습니다.

1. 무엇이 바뀌었나요? 3대 핵심 변화 분석

바이브 코딩으로 웹앱을 만들 때, 한 가지 도구만 쓰기보다는 상황에 따라 VS Code 내의 Cursor나 터미널의 Claude Code를 번갈아 사용하는 경우가 많습니다. 이번 업데이트는 도구 간 파편화를 해소하는 결정적인 릴리즈입니다:

무엇이 바뀌었나요? (영역) 초보자를 위한 쉬운 설명 이렇게 한번 써보세요!
📄 AGENTS.md 자동 폴백 지원
(Native AGENTS.md Support)
프로젝트 루트에 CLAUDE.md가 없으면 알아서 AGENTS.md를 찾아 지침서로 읽어들입니다. 기존에 만들어둔 교실용 AGENTS.md 파일이 있다면 복사할 필요 없이 터미널에서 바로 claude를 실행하세요.
⚙️ /config 지침 파일 커스텀
(Interactive Config Control)
터미널에서 /config를 입력해 원하는 지침 파일 이름을 직접 고르거나 우선순위를 지정할 수 있습니다. 팀이나 학교 프로젝트 규칙에 따라 기본 지침 파일 경로를 자유롭게 세팅하고 관리할 수 있습니다.
🤝 크로스 플랫폼 단일 규격
(Universal Agent Rules)
Cursor, Windsurf, Devin, Claude Code가 모두 AGENTS.md라는 단 하나의 공통 문서를 바라보게 되었습니다. 도구가 바뀔 때마다 프롬프트를 다시 붙여넣는 수고 없이, 언제 어디서나 일관된 코딩 규칙을 유지합니다.

2. 초보 바이브 코더와 교사에게 왜 혁신적일까요?

선생님들이 바이브 코딩으로 수업 도구를 만들 때 가장 큰 골칫거리 중 하나는 "AI에게 매번 똑같은 교실 제약 조건을 설명해야 한다는 점"이었습니다:

  • "초등학생용이니까 버튼 크게 만들어줘"
  • "개인정보 수집하지 말고 무저장(Stateless) 단일 HTML로 작성해줘"
  • "외부 CDN 라이브러리 쓰지 말고 오프라인에서도 돌아가게 해줘"

이 모든 교실 헌법을 프로젝트 폴더 안에 AGENTS.md 파일 하나로 딱 적어두면 끝납니다! 이전까지는 Claude Code를 쓸 때 CLAUDE.md를 따로 복사해야 했지만, 이제는 단 하나의 AGENTS.md만 두면 터미널에서 Claude Code를 켜든 에디터에서 다른 AI를 켜든 똑같이 우리 반 교실의 규칙을 100% 기억합니다.

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

새 프로젝트 폴더를 만들고 아래 내용으로 AGENTS.md 파일을 생성해 보세요. 터미널에서 claude를 켜는 순간 AI가 이 지침을 자동으로 흡수하여 실수 없는 코드를 작성합니다.

📋 [프로젝트 루트에 저장하는 'AGENTS.md' 교실 표준 템플릿]

# Project Context & Coding Guidelines for Classroom Web Apps

## 1. Zero-Error Baseline (기본 안전 규격)
- 모든 산출물은 별도의 서버 설치나 빌드 과정이 필요 없는 '단일 HTML 파일(index.html)'로 작성할 것.
- HTML5, CSS3, 순수 Vanilla JS만 사용하며 외부 CDN(Bootstrap, Tailwind 등) 의존성을 배제하여 학내망 오프라인 환경에서도 100% 작동하도록 보장할 것.
- 코드 내 `// TODO`나 생략된 구현부 없이 더블클릭 시 완전하게 동작하는 프로덕션 코드를 출력할 것.

## 2. Privacy & School Regulation (개인정보 보호 원칙)
- 「초·중등교육법」 제29조의2에 따라 학생 실명, 전화번호, 이메일 수집을 원천 금지함.
- 브라우저를 닫거나 새로고침하면 모든 런타임 데이터가 즉시 휘발되는 인메모리 무저장(Stateless) 구조를 유지할 것.
- 실시간 API 키가 필요한 경우 클라이언트 프론트엔드 코드에 노출하지 말 것.

## 3. Elementary Classroom UX (초등 눈높이 UI 원칙)
- 태블릿 터치 실수를 방지하기 위해 모든 버튼은 최소 48px 이상의 넉넉한 터치 영역과 직관적인 SVG 아이콘을 적용할 것.
- 난해한 영문 에러 팝업 대신 친절하고 따뜻한 초등 눈높이 한글 알림창을 띄울 것.

## 4. Reverse Prompting Rule (거꾸로 질문하기)
- 사용자가 새로운 기능을 요청할 때, 교과 성취기준 및 수업 형태(개인 vs 모둠)와 관련된 2가지 명확화 질문을 먼저 던진 후 코드를 작성할 것.
  

📌 따라하기 3단계 순서

  1. 1단계 (버전 확인): 터미널에서 claude --version을 입력하여 2.1.277 이상인지 확인하고, 아니라면 npm update -g @anthropic-ai/claude-code로 업데이트합니다.
  2. 2단계 (AGENTS.md 생성): 작업할 프로젝트 폴더 최상단에 위의 교실 표준 템플릿을 복사해 AGENTS.md 파일로 저장합니다.
  3. 3단계 (자연스러운 코딩): 터미널에서 claude를 실행하고 "초등 5학년 분수 연산 웹앱 만들어줘"라고만 말해도, 알아서 단일 HTML·무저장·초등 맞춤 규격으로 코드가 생성됩니다!

🎯 에디터 한줄평

"도구가 바뀔 때마다 프롬프트를 다시 복사하던 시대는 끝났습니다. AGENTS.md 하나로 모든 AI 에이전트를 우리 반 교실의 원칙에 맞게 길들여보세요!"

[바이브 코딩 행정] 공문과 설문지를 오가는 낭비 끝! — [일·용·할·양] 공식으로 3분 만에 뽑아내는 '에듀테크 신청 웹 폼' 바이브 코딩

[바이브 코딩 행정] 공문과 설문지를 오가는 낭비 끝! — [일·용·할·양] 공식으로 3분 만에 뽑아내는 '에듀테크 신청 웹 폼' 바이브 코딩

💡 30초 핵심 요약
학기 초나 학기 말마다 "올해 도입할 에듀테크나 디지털 교구 희망 조사를 받습니다"라며 한글 파일(HWP) 서식을 돌리거나 구글 설문지를 만드느라 번거로우셨나요? 복잡한 설문 도구를 헤맬 필요 없이 [일·용·할·양] 4대 프롬프트 공식만 알면 단 3분 만에 선생님들이 스마트폰으로 편하게 신청하고 엑셀 CSV로 한 번에 취합되는 맞춤형 교내 웹 폼을 바이브 코딩으로 뚝딱 만들 수 있습니다! 작년 도입 예시 목록과 개인정보 동의까지 깔끔하게 담아내는 실전 업무 자동화 레시피를 소개합니다.

1. 교직 행정 프롬프트의 황금률: [일·용·할·양] 아키텍처

교직 업무에서 인공지능을 다룰 때 가장 중요한 원칙은 "일용할 양식(Daily Bread)"입니다. 이 네 글자만 기억하면 어떤 교무 행정 웹 프로그램도 실패 없이 뽑아낼 수 있습니다:

  • [일]감 (Context Data): 작년 자료, 공문 지침, 예시 목록 등 AI가 참고할 기초 일감을 제공합니다.
  • [용]도 (Purpose & Target): 누구에게(우리 학교 교직원), 무엇을 위해(내년도 에듀테크 예산 편성을 위한 사전 희망 조사) 쓰는 도구인지 명시합니다.
  • [할]일 (Task & Action): AI가 정확히 무엇을 코딩해야 하는지(신청 웹페이지 생성, 로컬 저장)를 지정합니다.
  • [양]식 (Format & UI): 필요한 입력 항목(이름, 학년/반, 도구명, 목적, 활용 계획), 반응형 모바일 UI, 완료 알림창 규격을 못 박습니다.

2. 수기 HWP 서식 vs 바이브 코딩 전용 웹 폼 비교

구분 전통적인 HWP / 메신저 서식 배부 💡 바이브 코딩 전용 신청 웹 폼
신청 편의성 컴퓨터를 켜고 한글 파일을 열어 표를 채운 뒤 다시 메신저로 전송 스마트폰/태블릿 터치 3번: 메신저 링크 클릭 후 1분 만에 폼 작성 및 제출 완료
작성 가이드 작년 사례가 없어 "어떤 프로그램을 적어야 하지?" 문의 전화 폭주 상단 노란색 팁 박스: 작년 도입 검토 도구 목록 5개가 예시로 깔끔히 상시 노출
담당자 취합 부담 교사 30명이 보낸 한글 파일을 하나하나 열어서 엑셀에 수기 복붙 (2시간 소요) [CSV 엑셀 다운로드] 버튼 클릭 1초: 전체 신청 내역이 정돈된 표로 즉시 다운로드

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

연수에서 실제로 사용되어 큰 호응을 얻었던 [일·용·할·양] 프롬프트를 바탕으로, 즉시 실행 가능한 교사용 웹앱 코드를 뽑아내는 프롬프트 템플릿입니다.

📋 [복사해서 사용하는 '일용할양 에듀테크 신청 웹 폼' 프롬프트]

당신은 학교 교무 행정 자동화를 돕는 프론트엔드 웹 엔지니어입니다.
아래 [일·용·할·양] 요구사항에 맞춰 단 하나의 HTML 파일로 구동되는 '교내 에듀테크 도입 희망 신청 웹앱'을 제작해 주세요.

[일 - 일감 및 맥락]
- 우리 학교에서 작년 도입을 검토했던 에듀테크 목록 예시:
  (예: 디지털 교과서 뷰어, 가상 과학 실험실, 맞춤형 수학 진단평가, AI 음성 영어 튜터, 협업 코딩 플랫폼)
- 이 목록을 신청 폼 상단에 부드러운 노란색 안내 상자(Tip Box)로 친절하게 보여주세요.

[용 - 용도 및 대상]
- 우리 학교 선생님들이 내년도 수업과 학급 운영에 사용하고 싶은 에듀테크를 간편하게 신청받기 위한 용도입니다.
- 신청 시작 시 [개인정보(이름, 소속) 수집 및 이용 동의] 체크박스를 필수로 둡니다.

[할 - 할 일]
- 모바일과 PC에서 모두 깔끔하게 작동하는 단일 HTML 반응형 신청 웹페이지를 개발하세요.
- 선생님들이 [신청하기] 버튼을 누르면 입력한 데이터가 브라우저 LocalStorage에 누적 저장되고, 모달로 "성공적으로 신청되었습니다!" 알림을 띄우세요.

[양 - 양식 및 UI 규격]
1) 입력 항목:
   - ① 신청 교사 이름 (텍스트)
   - ② 학년/반 (예: 3학년 2반)
   - ③ 신청할 에듀테크 이름 (텍스트)
   - ④ 활용 목적 (라디오 버튼: 수업 / 평가 / 업무)
   - ⑤ 간단한 활용 계획 (2~3줄 텍스트영역)
2) 관리자 편의 기능:
   - 하단에 작은 비밀번호 입력 후 누를 수 있는 [📊 전체 신청 내역 엑셀(CSV) 다운로드] 버튼을 배치하세요.
3) 무설치 단일 HTML5 (HTML+CSS+Vanilla JS) 파일로 코드를 작성해 주세요.

[Reverse Prompting - 거꾸로 질문하기]
코드를 생성하기 전에, 학교 상황에 맞게 튜닝할 수 있도록 저에게 2가지를 먼저 질문해 주세요:
1) 신청 마감일 안내 문구를 상단에 포함할까요?
2) 관리자용 엑셀 다운로드 버튼을 활성화할 기본 비밀번호(예: 1234)를 무엇으로 정할까요?
  

🎯 에디터 한줄평

"일·용·할·양 네 글자만 기억하면 서식 파일 수합의 굴레에서 영원히 벗어날 수 있습니다. AI가 줄여준 소중한 시간은 결국 우리 반 아이들에게 돌아갑니다!"

출처 및 참고 자료: 부산광역시교육청 교육연구정보원 공통 기초 연수 《시간을 되찾는 생성형 AI 업무 활용 레시피 - 바이브코딩으로 업무 활용 프로그램 만들기》

[바이브 코딩 기획] "섬에 갇혀 책만 읽은 AI"를 깨우는 법 — 일반론 헛소리를 막는 '일감(Context) 주입 3단계' 바이브 코딩 공식

[바이브 코딩 기획] "섬에 갇혀 책만 읽은 AI"를 깨우는 법 — 일반론 헛소리를 막는 '일감(Context) 주입 3단계' 바이브 코딩 공식

💡 30초 핵심 요약
AI 로보틱스 전문가 예르반트 쿨바시안은 거대언어모델(LLM)을 두고 이렇게 말했습니다: "언어 모델은 무인도 섬에 고립된 채 책만 잔뜩 가진 상태와 같다."
AI는 전 세계 백과사전 지식은 방대하게 알고 있지만, "지금 우리 학교와 우리 교실의 구체적인 상황과 맥락"은 전혀 모릅니다! 맥락(일감) 없이 빈손으로 시키면 교과서에도 없는 뜬구름 잡는 일반론 코드만 쏟아내는 이유가 바로 여기에 있습니다. 작년 자료, 교육과정 성취기준, 학교 규칙이라는 '일감(Context File)'을 AI에게 먹여서 단 한 번에 현장 밀착형 코드를 뽑아내는 3단계 바이브 코딩 기획 공식을 공개합니다!

1. 빈손으로 시키면 일반론만 나온다: Few-Shot과 맥락의 힘

많은 선생님들이 AI 코딩을 시도하다가 "AI가 만들어준 코드가 영 교실 현실과 안 맞네"라며 포기하곤 합니다:

💬 빈손 프롬프트의 결과:
"초등학교 자리배치 웹앱 만들어줘" ➔ AI는 일반 기업 회의실이나 대학교 강의실을 떠올리며 100명 규모의 좌석 선택기나 복잡한 예약 시스템 코드를 짭니다.

AI에게 우리 교실의 맥락(남녀 짝꿍 규칙, 4인 모둠 대형, 시력 저하 학생 앞자리 배려 규칙)을 담은 '일감(Context)'을 제공하지 않았기 때문입니다. 인공지능 연구(Brown et al., 2020)에 따르면, AI는 배경 지식(Context)과 1~2개의 구체적 예시(Few-Shot)를 전달받았을 때 작업 정확도가 80% 이상 수직 상승합니다.

2. 빈손 요청 vs 일감 주입 바이브 코딩 비교

비교 항목 빈손 요청 (일감 없음) 💡 일감(Context) 주입 바이브 코딩
AI의 초기 상태 책만 잔뜩 읽은 무인도 고립 상태 (교실 맥락 제로) 우리 학교 전담 교무부장/담임교사 모드 장착
코드 결과물 일반 회사용의 거대하고 쓸데없는 기능 남발 (스파게티) 우리 반 인원수, 교과 단원에 딱 맞춘 핀셋 코드
디버깅/수정 시간 "이거 말고 저거 해줘" 끊임없는 재시도로 1시간 소모 단 한 번(One-Shot)에 의도대로 완성 (3분 소요)

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

AI 대화창에 코딩 명령을 내리기 전, '작년 서식이나 학급 규칙 텍스트(일감)'를 먼저 붙여넣는 3단계 실천 템플릿입니다.

📋 [복사해서 사용하는 '일감 주입형 핀셋 도구' 프롬프트]

[1단계: 일감 제공 - Context Data]
아래는 우리 학교 6학년 학급에서 실제로 사용하는 '1인 1역할 활동 목록'이야:
- 칠판 지우기 도우미 (1명)
- 우유 급식 배부 및 상자 정리 (2명)
- 학급 도서관 대출 및 책 정리 (2명)
- 환기 및 에너지 절약 지킴이 (2명)
- 컴퓨터 및 스마트 기기 충전 관리 (2명)

[2단계: 해결할 현장 문제]
매달 제비뽑기로 역할을 바꾸는데 종이가 찢어지거나 아이들이 서로 바꾸겠다고 다투어 시간이 낭비됩니다.

[3단계: 바이브 코딩 명령]
위의 [1인 1역할 목록] 데이터가 고정된 '단일 HTML 랜덤 역할 배정 룰렛 웹앱'을 만들어줘.
- 학생 이름은 직접 입력하지 말고 '1번'부터 '25번'까지 번호만 슬롯 머신 형태로 돌아가며 각 역할에 공정하게 배정되게 해줘.
- [결과 복사하기] 버튼을 누르면 "칠판 도우미: 3번, 우유 배부: 7번, 12번..." 형태로 텍스트가 복사되어 알림장에 바로 붙일 수 있게 해줘.
- 외부 서버 없이 브라우저에서 바로 열리는 단일 HTML 파일로 작성해줘.
  

🎯 에디터 한줄평

"책만 읽은 천재에게 현장의 일감을 쥐여주는 순간, 세상에서 가장 유능한 우리 반 전담 개발자가 탄생합니다. 일감 주입으로 뜬구름 코딩을 끝내보세요!"

출처 및 참고 자료: 부산광역시교육청 교육연구정보원 공통 기초 연수 《시간을 되찾는 생성형 AI 업무 활용 레시피 - AI에게 맥락을 이해시키기 위한 일감 프롬프트》

[바이브 코딩 매뉴얼] 400쪽짜리 생기부 기재요령을 1초 만에 찾는 법 — 보안 걱정 없는 '학교 규정 오프라인 퀵 서처' 웹앱 바이브 코딩

[바이브 코딩 매뉴얼] 400쪽짜리 생기부 기재요령을 1초 만에 찾는 법 — 보안 걱정 없는 '학교 규정 오프라인 퀵 서처' 웹앱 바이브 코딩

💡 30초 핵심 요약
매년 개정되는 400여 쪽의 학교생활기록부 기재요령과 두꺼운 학교 교육과정 계획서. "초등 학생선수 대회 출석인정 일수가 며칠이지?", "현장체험학습 결석 서류 기한이 언제더라?" 궁금할 때마다 두꺼운 PDF를 열고 Ctrl+F를 누르며 헤매지 않으셨나요? 외부 클라우드에 학교 규정 문서를 통째로 업로드하는 보안 걱정 없이, 핵심 규정 FAQ 데이터셋을 자바스크립트 배열로 단일 HTML 안에 내장(In-Memory)하여 번개처럼 검색하고 근거 조항을 복사하는 '오프라인 규정 퀵 서처(Quick Searcher)' 웹앱을 바이브 코딩으로 제작하는 실전 팁을 공개합니다!

1. 두꺼운 PDF 매뉴얼과 교사의 시간 낭비

학교 현장에는 수백 쪽 분량의 복잡한 규정집이 가득합니다:

  • 학교생활기록부 기재요령: 출결 처리 기준, 학생선수 인정 일수, 봉사활동 인정 범위 등 한 글자만 틀려도 감사 지적 사항이 되는 엄격한 규정집
  • 학교 교육계획서 및 학사일정: 재량휴업일, 방학식 일정, 각 부서별 주요 업무 추진 일정

하지만 많은 교사들이 400쪽짜리 PDF 파일에서 원하는 문장을 찾기 위해 수십 분을 허비합니다. 검색 키워드가 조금만 달라도 Ctrl+F에 잡히지 않기 때문입니다. 외부 AI 서비스에 규정 문서를 통째로 올리면 보안 감사나 유출 우려가 생길 수 있지만, 자주 찾는 핵심 질문 30~50개를 인메모리(JSON)로 내장한 단일 HTML 웹앱을 만들면 보안 위험 제로 상태에서 번개처럼 검색할 수 있습니다.

2. PDF 직접 찾기 vs 인메모리 규정 퀵 서처 웹앱 비교

구분 기존 PDF 파일 Ctrl+F 검색 💡 오프라인 규정 퀵 서처 웹앱
검색 속도 및 편의 동의어/유사어 검색 불가, 검색 결과 150개 중 일일이 엔터 연타 초성 및 키워드 실시간 필터링: '학생선수'만 쳐도 관련 출결 규정 카드 3개가 0.01초 즉시 노출
규정 근거 확인 본문과 부록을 왔다 갔다 하느라 출처 페이지 확인 번거로움 조항 및 원문 페이지 직관 표시: 카드 상단에 [기재요령 제24조 p.68] 태그 고정
보안 및 오프라인 외부 AI 서비스 이용 시 내부 문서 업로드 망설임 발생 인터넷 연결 없는 100% 로컬 파일: 데이터 외부 유출 0%의 무저장 구조

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

학급 경영이나 교무 업무 중 매년 반복해서 확인하는 핵심 질문 몇 가지를 객체 데이터로 주고 AI에게 퀵 서처 웹앱을 만들어 달라고 요청해 보세요.

📋 [복사해서 사용하는 '학교생활기록부 규정 퀵 서처' 웹앱 프롬프트]

당신은 초등교사의 교무 행정 업무 경감을 돕는 도구 개발자입니다.
'2026 초등학교 학교생활기록부 기재요령' 핵심 질문을 번개처럼 찾아주는 '단일 HTML 규정 검색기 웹앱'을 개발해 주세요.

[1. 내장 규정 데이터셋 (In-Memory JSON)]
- 아래 질문과 답변 데이터를 JavaScript 배열로 포함하세요:
  const FAQ_DATA = [
    {
      category: "출결",
      tag: "학생선수",
      question: "초등학교 학생선수의 출석인정 결석 허용 일수는 며칠인가요?",
      answer: "해당 학년도 수업일수 중 연간 20일 범위 내에서 학교장의 사전 허가를 받아 출석인정 결석 처리가 가능합니다. (단, 국가대표 참가 등은 학업성적관리위원회 심의로 예외 인정)",
      ref: "2026 기재요령 제24조"
    },
    {
      category: "출결",
      tag: "생리인정",
      question: "여학생 생리인정결석은 월 몇 회까지 가능한가요?",
      answer: "월 1일에 한하여 출석인정 결석으로 처리할 수 있습니다. (지각, 조퇴, 결과 3회 누적 시 1일로 산정)",
      ref: "2026 기재요령 출결 관리 지침"
    },
    {
      category: "창체",
      tag: "봉사활동",
      question: "초등학생 봉사활동 실적은 어떻게 기재하나요?",
      answer: "학교 교육계획에 의한 봉사활동만 기재하며, 개인 계획에 따른 봉사활동 실적은 생기부 어떤 항목에도 입력할 수 없습니다.",
      ref: "2026 기재요령 창체활동 지침"
    }
  ];

[2. 실시간 검색 및 필터 UI]
- 상단에 [🔍 규정 키워드 또는 질문 검색] 입력창을 배치하고, 타이핑할 때마다 질문, 답변, 태그에서 실시간으로 일치하는 카드가 필터링되게 만드세요.
- 카테고리 칩 버튼([전체], [출결], [창체], [평가])을 두어 클릭 한 번으로 모아보기를 지원하세요.
- 카드마다 [📋 규정 내용 복사] 버튼을 두어 동료 교사에게 메신저로 안내할 때 바로 붙여넣을 수 있게 하세요.
- 외부 서버 통신 없이 단 하나의 index.html 파일로 완결되도록 작성해 주세요.

[3. 거꾸로 질문하기 (Reverse Prompting)]
코드를 작성하기 전에, 제 교무 업무에 맞추기 위해 다음 2가지를 먼저 질문해 주세요:
1) 추가하고 싶은 우리 학교만의 특색 규정이나 학사일정 항목이 있으신가요?
2) 모바일 화면에서도 잘 보이도록 카드형 아코디언 레이아웃을 선호하시나요?
  

🎯 에디터 한줄평

"선생님의 소중한 에너지는 두꺼운 PDF 파일 속을 헤매는 데 쓰여서는 안 됩니다. 퀵 서처 웹앱으로 규정 확인은 1초 만에 끝내고, 아이들과 눈을 맞추는 시간에 쓰세요!"

출처 및 참고 자료: 부산광역시교육청 교육연구정보원 공통 기초 연수 《시간을 되찾는 생성형 AI 업무 활용 레시피 - 나만의 규정/매뉴얼 챗봇 만들기 사례》