아래 코드를 읽어보고 한글로 된 부분을 바꿀 수 있어요.문구를 바꾸어 코드를 적용해보세요*반드시 바꿔야 하는 부분1) 본인의 SDK 스크립트로 변경(firebase 콘솔의 프로젝트 설정에서 변경)2) 방명록을 초기화하는 비밀번호 변경(현재는 1234)3) 기타 제목이나 문구 등 변경(선택사항) html>html lang="ko">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1.0"> title>Firebase 우리들의 방명록 (수정/삭제)title> script src="https://cdn.tailwindcss.com">script> style> ..

AI 디지털 혁신/수업템 자료배포 2025. 6. 18. 09:15

Firebase란 무엇일까?나만의 웹사이트나 애플리케이션을 만들어보고 싶다는 생각, 한 번쯤 해보셨나요? 아이디어는 있지만, '서버는 어떻게 만들지?', '데이터베이스는?', '로그인 기능은 어떻게 구현하지?' 같은 막막함에 부딪히곤 합니다. 이런 고민을 한 방에 해결해 줄 수 있는 강력한 도구가 바로 Firebase입니다.이번에는 총 2회에 걸쳐 Firebase의 핵심 개념을 알아보고, 직접 간단한 방명록 웹 앱을 만들어보는 실습까지 진행해 보겠습니다. 오늘은 그 첫 번째 시간으로, 'Firebase가 도대체 무엇이고 왜 사용하는지'에 대해 쉽고 재미있게 알아보겠습니다.🤔 Firebase, 그것이 무엇일까요?Firebase는 구글이 제공하는 'BaaS(Backend as a Service)' 플랫폼입..

AI 디지털 혁신 2025. 6. 18. 08:59

내 선택이 세상을 바꾼다면? 교실에서 체험하는 공정무역과 경제 윤리, ' 과일가게 알바🍎'우리가 소비하는 달콤한 초콜릿 뒤에 카카오 농장의 아동 노동 착취가 숨어있다는 사실, 아이들에게 어떻게 설명하고 계신가요?'과일가게 알바하기'는 단순한 경제 게임이 아닙니다. 공정무역, 노동의 가치, 공익과 사익의 갈등과 같은 무거운 주제를 학생들의 눈높이에서 직접 체험하고 토론하게 만드는 교육 도구입니다.복잡한 설치 없이, 이 게임을 통해 학생들은 나의 선택이 다른 사람에게 어떤 영향을 미치는지, 그리고 '윈윈(Win-Win)'하는 상생의 구조와 한 사람만 모든 것을 가져가는 '제로섬(Zero-Sum)' 경쟁의 결과를 실감할 수 있을 것입니다. 🎮 게임에 숨겨진 두 가지 사회적 딜레마'과일가게 알바하기'는 두 ..

AI 디지털 혁신/수업템 자료배포 2025. 6. 15. 13:51

🧠 말로 코딩하는 시대, 바이브 코딩이란?최근 실리콘밸리에서 주목받으며 퍼지고 있는 바이브 코딩(Vibe Coding)이라는 용어는, 기존의 음악이나 소리를 활용한 코딩이라는 의미에서 확장되어 AI를 활용해 자연어(우리가 쓰는 말)로 코드를 생성하고 개발하는 방식을 통칭하는 개념으로 자리 잡고 있다.✨ 핵심은 다음과 같다:AI가 코드 작성: 개발자가 직접 코드를 한 줄 한 줄 작성하는 대신, "이런 기능이 필요해", "이렇게 동작하게 해줘"와 같이 말로(자연어로) 지시하면 AI가 알아서 코드를 생성해준다.개발자의 역할 변화: 코드의 세부 구현보다는 무엇을 만들고 싶은지에 대한 기획, 문제 해결, 그리고 AI가 만든 코드를 이해하고 검토하는 역할이 중요해지고 있다.'느낌'에 따른 개발: 복잡한 문법이나 ..

AI 디지털 혁신 2025. 6. 6. 23:31

아이들이 만든 디지털 수업의 변화 교사가 만든 수업을 학생이 수동적으로 따라오는 수업은 이제 잊어야 할 것이다. 디지털 수업은 단순히 기기를 활용하는 수준을 넘어, 학생 스스로 학습을 재구성하고 문제를 해결하는 방향으로 나아가고 있다. 특히, 관심 있는 주제를 바탕으로 직접 시뮬레이션을 설계하고 간단한 코드를 짜는 활동은 학습의 몰입도와 이해도를 높이는 데 큰 역할을 한다. 바이브 코딩을 배우고 나서, 화학 원소기호 암기에 어려움을 겪던 한 학생은 더 재미있고 효과적으로 익히기 위한 방법을 고민했다. 그리고 직접 간단한 Vibe 기반 코딩으로 원소기호를 외울 수 있는 인터랙티브 플래시카드를 제작했다. 이 도구는 반복 학습이 가능하고, 언제든 혼자서 사용할 수 있..

AI 디지털 혁신 2025. 6. 6. 23:08

자료실에 오신 것을 환영합니다 수업자료 모음직접 사용한 자료들을 공유합니다. 출처만 밝히시면 수업에 사용하시는 것은 괜찮아요. 자료 요청은 방명록에 해주세요.아래는 예시에요. 많은 자료들이 업데이트 될 예정입니다. ☁😄 사회정서학습(SEL) 활동 프ㄹ그램💬 주인공 데이 활동🔍 디지털 정체성 콜라주🤝 '너는 꽃' 100일 이벤트(만난지 100일, 입학한지 100일)🤖 수업에 바로 쓸 수 있는 코드 모음🧾 수업용 도구 모음 코드📊 칭찬 샤워 앱스스크립트📄 에니어그램 검사 HTML(github)🌿 인쇄용 수업자료🎨 혹성 탈출용 아바타 활동지(학기말, 시험 후)📝 학급 단체 선물용 과자 스티커 등🏆 시험 점수 로또“즐거운 교육의 순간을 한 땀 한 땀 기록한 자료들입니다”자유롭게 활용하시..

AI 디지털 혁신/수업템 자료배포 2025. 6. 6. 19:05

📘 블로그에 오신 걸 환영합니다안녕하세요 :)이 블로그는 AI, 사회정서교육(SEL), 세계시민교육(SDGs)을 실천하는 교사의 수업 기록입니다.기술은 차갑지만,그 안에 인간의 감정을 담을 수 있다면우리의 교실은 더 따뜻해질 수 있다고 생각합니다.아무리 세상이 개인화되어가고 있다 해도, 교육으로 바꿔갈 수 있다고 믿습니다 ☁💡 블로그에서 나누는 이야기들🧑🏻‍💻 디지털 도구로 구현한 수업 실험앱스스크립트, Canva AI, 생성형 AI로 만들어낸 교실 변화🫶 사회정서교육(SEL)의 교실 실천감정 표현, 관계 회복, 칭찬 샤워, 감정일기까지🌱 SDGs 기반 세계시민 수업디지털 시민 여권, 학생 주도 캠페인, 국제교류 프로젝트, AI 시뮬레이션☁ 왜 이 블로그를 운영하나요?수업 아이디어를 같은 길..

블로그 ABOUT 2025. 6. 6. 18:36