투 티처스 💌 8월호 [디지털 툴을 활용한 수업 노하우]
2026-08-18
AI 시대 수업의 나침반을 제시하는 <대전 대덕초등학교 이원근 선생님>
<p></p><p><!-- ============================================= -->
<!-- 발행용 제목·부제 (CMS 입력용, 본문에는 미포함) -->
<!-- 제목: 투 티처스 💌 8월호 [디지털 툴을 활용한 수업 노하우] -->
<!-- 부제: AI 시대 수업의 나침반 <대전 대덕초등학교 이원근 선생님> -->
<!-- ============================================= -->
</p><div style="max-width: 640px; margin: 0px auto; line-height: 1.8; word-break: keep-all;">
<!-- 상단 배지 -->
<div style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: center; margin-bottom: 24px;"><span style="display:inline-block; background-color:#EAF4F2; color:#2D6A6A; font-size:13px; font-weight:700; padding:6px 16px; border-radius:20px; letter-spacing:0.5px;">투 티처스 💌 8월호</span>
</div>
<!-- 본문 제목 -->
<h1 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 24px; font-weight: 800; text-align: center; line-height: 1.5; margin: 0px 0px 12px;">
8월, 에듀테크를<br>나의 수업으로 초대하는 법
</h1>
<p style="color: rgb(118, 118, 118); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 15px; text-align: center; margin: 0px 0px 32px;">
도구에 끌려가지 않고, 성취기준이라는 나침반을 지키는 지혜</p><p style="color: rgb(118, 118, 118); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 15px; text-align: center; margin: 0px 0px 32px;"><img src="/api/file/view/FILE-mszs9af5-W0WX4N4T3E" title="FILE-mszs9af5-W0WX4N4T3E"><br style="clear:both;"><br></p>
<!-- 인트로 -->
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
요즘 학교 공문과 연수에는 새로운 AI 도구와 에듀테크 소식이 넘쳐납니다. '이걸 안 쓰면 뒤처지는 것 같은데…' 하는 조바심에 이것저것 시도해보지만, 막상 내 수업에 자연스럽게 녹여내는 것은 또 다른 이야기지요. </p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
<strong style="color:#2D6A6A;">엠티처 교사 공감 인터뷰 프로젝트 <투 티처스></strong> 8월호에서는 '<strong>디지털 툴을 활용한 수업 노하우</strong>'를 주제로, 선생님들께서 정성껏 남겨주신 질문들과 함께 이야기를 나누었습니다.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 36px;">
이번 투 티처스는 <strong>대전 대덕초등학교</strong>에서 <strong>체육 전담</strong>으로 근무하시는 <strong>이원근 선생님</strong>의 이야기를 통해 풀어보았습니다. AI 툴을 열정적으로 연구하시며, 바이브코딩으로 직접 교육 도구를 제작하고, 연수와 강의를 통해 그 노하우를 나누고 계신 선생님의 진솔한 이야기, 지금 시작합니다.
</p>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 자기소개 (1인칭) -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">🍀 “안녕하세요, 이원근입니다”</h2>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
안녕하세요, 저는 대전 대덕초등학교에서 <strong>체육 전담</strong>을 맡고 있는 이원근입니다. </p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
2년 전, ChatGPT-4가 등장하던 시기에 논문 작업을 위해 사용하다가, 이전 세대 AI와 확연히 달라진 성능에 놀란 것이 AI를 본격적으로 활용하게 된 계기였어요. 이후 2023년 8월 정기 연수에서 AI 관련 연수를 접하고, AI 교육 연구회 <strong>AITS(AI Teacher School)</strong>에 가입해 활동하며 전문성을 심화시켜 오고 있습니다.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
특히 저는 'AI와 디지털 기술 그 자체'가 아니라, <strong>'교육의 본질과 디지털의 접목'</strong>이라는 관점에서 연구를 지속하고 있어요. 오늘은 그동안 다듬어 온 노하우와 철학을 함께 나누어보겠습니다.
</p>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 📮 첫 번째 고민 -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">📮 첫 번째 고민</h2>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
흔한 방식 말고, <strong>패들릿을 참신하게 활용하는 특별한 노하우</strong>가 있을까요? </p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 길원여자고등학교 박** 선생님 -</p></div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mszs9umi-01AhXIxe0O" title="FILE-mszs9umi-01AhXIxe0O"><br style="clear:both;"><br></p><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
많은 선생님이 패들릿을 의견 모으기, 수행평가 아카이빙, 포트폴리오 정도로만 활용하시는 편이지요. 사실 저 역시 그랬습니다. 그런데 얼마 전 다른 선생님께서 진행하신 <strong>패들릿 기초 연수</strong>를 들으며, 그동안 놓치고 있던 기능들이 참 많다는 것을 새삼 깨달았어요.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
특히 인상 깊었던 몇 가지를 소개드리면 다음과 같습니다.
</p>
<div style="background-color: rgb(234, 244, 242); border-radius: 12px; padding: 20px 22px; margin: 24px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>① 패들릿 아케이드</strong>: 게임 형태의 새 기능. 흥미 유발에 정말 효과적입니다.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>② 담벼락 색상 설정</strong>: 모둠별로 색을 다르게 지정하면, 활동의 진행 상황이 한눈에 시각화됩니다.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>③ 데이터 연동 활용</strong>: 모아진 의견을 구글 시트나 제미나이로 넘겨 인사이트를 뽑아내기. CSV·엑셀 내보내기 기능도 잘 활용하시면 좋습니다.
</p>
</div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
잘 활용하시는 분들은 한 학기 동안의 학생 과제를 통째로 아카이빙 해두시기도 해요. <strong>설정 메뉴 안을 한 번씩 훑어보시는 것만으로도, 새로운 사용법이 열립니다.</strong>
</p>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 📮 두 번째 고민 -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">📮 두 번째 고민</h2>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
실제 수업에서 <strong>디지털 툴을 어느 정도 비중으로 활용</strong>하고 계신가요?
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 연서초등학교 류** 선생님 -</p></div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mszsah98-AVRFS01Pwm" title="FILE-mszsah98-AVRFS01Pwm"><br style="clear:both;"><br></p><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
솔직히 말씀드리면, 저는 지금 체육 전담이라 오히려 디지털 활용 비중이 낮은 편입니다. 체육관이 와이파이 사각지대라 물리적인 한계가 있거든요. </p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
다만 담임 시절부터 저에게는 하나의 원칙이 있었어요. <strong>"디지털 도구는 교사 주도로 쓴다."</strong> 언제, 얼마만큼, 어떤 목적으로 사용할지를 미리 판단하고 들어가는 것이지요. 결국 비중은 %로 정하는 것이 아니라, <strong>그 수업이 필요로 하는 딱 그만큼</strong>이 정답입니다. </p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
예를 들어 <strong>생성형 AI로 인포그래픽을 만들어 한두 장으로 정리해</strong> 아이들에게 나눠주면, 수업이나 평가에서 굉장히 요긴합니다. 저의 경우는 <b>체육관 이용 수칙이나 안전 수칙을 인포그래픽으로 제작해 체육관 앞뒤에 붙여 두었는데요</b>. </p><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mszsasyp-fN2p8MW38P" title="FILE-mszsasyp-fN2p8MW38P"><br style="clear:both;">수업 전 제가 소리 내어 여러 차례 강조하지 않았는데도, 오며가며 시각화된 자료를 보는 사이 그 규칙들이 꽤 내재화 되었더라고요. 이처럼 디지털 도구 활용 자체를 메인으로 두시기보다는, 선생님의 수업 운영을 보조하는 용도로 활용해 보시는 건 어떨까요?</p>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 📮 세 번째 고민 -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">📮 세 번째 고민</h2>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
아이들과 함께 탭으로 수업을 진행하고자 할 때, <strong>수업 전 기초 작업(전원 켜기, 볼륨 조절, 큐알코드 인식 방법 안내 등)에 더 많은 시간이 걸릴 때</strong>가 있는데요. 이런 <strong>기초 작업 시간을 줄이는 노하우</strong>가 있을까요?
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 용인대덕초등학교 이** 선생님 -</p>
</div>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
기기 조작이 빠른 학생들은 척척 해내는 반면, 익숙하지 않은 학생들은 접속 단계부터 헤매다 소외되곤 합니다. <strong>학급 내 디지털 격차를 극복하고, 조작이 서툰 아이들도 자존감 상하지 않게 참여할 수 있는 모둠 구성 팁이나 사전 세팅 노하우</strong>가 궁금합니다.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 서현초등학교 이** 선생님 -</p></div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mszsbruf-09ZjL2fAbN" title="FILE-mszsbruf-09ZjL2fAbN"><br style="clear:both;"><br></p><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
두 선생님의 질문을 함께 답변드리는 것이 좋을 것 같아요. 사실 저는 수업 제반사항 세팅에 큰 공수를 들이기보다는, 활동으로 풀어나가는 스타일이라 사전 세팅을 세세히 시켜본 적은 별로 없지만, 학기 초에 <strong>한 시간 정도는 시간을 내어 아이들과 태블릿 전원, 앱 접속, 로그인과 로그아웃 등 기초 활용 교육</strong>을 함께 반복적으로 연습합니다. 캔*나 카* 같은 새 도구를 도입할 때는 그 사용법 자체를 <strong>퀴즈로 만들어 아이들이 풀면서 익히게</strong> 하고요.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
몇 가지 자주 활용하는 사전 준비 팁을 정리해드리면 다음과 같습니다.
</p>
<div style="background-color: rgb(234, 244, 242); border-radius: 12px; padding: 20px 22px; margin: 24px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>① 와이파이 QR 공유</strong>: 저학년은 ID와 비밀번호를 일일히 기입하는 것이 쉽지 않습니다. 저도 최근에 공유 받은 팁인데, <strong>qifi.org</strong>에서 와이파이 정보를 QR 이미지로 다운받아 활용하면, 데이터가 불안정한 때에도 빠른 재접속이 가능합니다.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>② 아이디·비번 정리</strong>: 학생 계정을 구글 시트에 미리 정리해 두면 로그인 지연을 줄일 수 있습니다.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>③인포그래픽 매뉴얼 게시: </strong>디지털 도구 사용 시 주의할 점 등 반복해서 잔소리하게 되는 지점을 인포그래픽으로 만들어 게시판에 붙여두면, 아이들이 스스로 확인하고 넘어갑니다.</p></div><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">조작 격차 이야기도 이어서 답변드릴게요. 교육학에서는 이질적 수준의 학생으로 모둠을 구성해 상호 학습을 유도하라고 하지만, 학생 개개인의 <strong>의지까지 컨트롤하기는 쉽지 않습니다.</strong></p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
체육 시간에도 수준차가 큰데, 저는 일종의 게이미피케이션 기법을 적용해 이렇게 접근해요. <strong>어려워하는 학생이 해내면 점수를 조금 더 주거나, 아예 팀으로 묶어 협업을 통해 해내게끔</strong> 구조를 만듭니다. 개인 목표로 시작해서 마무리는 협업으로 끝나도록 설계하는 것이지요.
</p><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mszsc5ip-S763eJ6SY4" title="FILE-mszsc5ip-S763eJ6SY4"><br style="clear:both;">디지털 활용에서도 마찬가지입니다. 챗봇으로 보고서를 만들어보라는 미션을 주면, 어떤 아이는 척척 해내고 어떤 아이는 멍하니 앉아 있어요. 그럴 때는 <strong>스텝을 잘게 쪼개서 귀납적으로 접근</strong>하고, 헤매는 소수 학생을 집중적으로 케어해 나가는 편입니다.</p>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 📮 네 번째 고민 -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">📮 네 번째 고민</h2>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
카* 등의 게임툴은 학생들이 재미있어하지만 자칫 퀴즈 게임으로만 끝나는 경우가 많습니다. <strong>단순한 흥미 유발을 넘어 학생들의 사고력을 키우는 문제 구성법이나 수업 마무리 활용 팁</strong>이 있을까요?
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 매탄초등학교 유** 선생님 -</p></div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mt6pxuxs-18Y5uFN5fF" title="FILE-mt6pxuxs-18Y5uFN5fF"><br style="clear:both;">사실 이 질문은 <strong>AI에게 잘 물어보면 훌륭한 답을 얻을 수 있는 종류의 질문</strong>입니다. 그래서 저는 AI를 활용해 디지털 툴 문제를 함께 설계하는 방식을 추천드려요.</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
다만 AI에게 프롬프팅할 때 조금 더 구체적으로 접근하시면 훨씬 좋은 결과가 나올 겁니다.</p>
<div style="background-color: rgb(234, 244, 242); border-radius: 12px; padding: 20px 22px; margin: 24px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>① 수업에서 강조하고자 하는 사고력 종류를 명시하기</strong>: 비판적 사고, 메타인지, 개념 암기 등 이번 수업을 통해 신장하고자 하는 사고력 유형을 정확히 지정하세요.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>②수업·교육 철학 제공하기</strong>: 어떤 활동을 반드시 포함/제외하고 싶다 등 나의 수업 방향을 함께 전달합니다.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>③ 게이미피케이션 관점 포함</strong>: 게임형 에듀테크에서 어떻게 문제를 만들면 흥미와 사고력을 동시에 잡을 수 있는지도 함께 물어보세요.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>④ 수업 주제·형태 공유</strong>: 어떤 단원, 어떤 형태의 수업인지 알려주면 결과가 더 정확해집니다.
</p>
</div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
이 정도의 맥락만 넣어도 <strong>아이디어가 무궁무진하게 쏟아질 겁니다. </strong>무료 버전으로도 충분히 답변 받을 수 있는 내용이니, 당장 오늘 시도해 보시는 것은 어떨까요?</p>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 📮 다섯 번째 고민 (본문 확장) -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">📮 다섯 번째 고민</h2>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
<strong>로그인 없이도 1~2학년 저학년이 쉽게 사용할 수 있는 에듀테크 도구</strong>를 추천해주실 수 있을까요?
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 서울면동초등학교 신** 선생님 -</p></div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mt6pynwz-CyHh5slMt6" title="FILE-mt6pynwz-CyHh5slMt6"><br style="clear:both;">저학년 아이들에게 에듀테크를 도입할 때는 <strong>로그인이나 기기 조작 자체가 이미 큰 진입 장벽</strong>이 됩니다. 그 벽이 너무 높으면 오히려 수업 흐름을 방해할 수 있어요. 그래서 저는 저학년에는 굳이 에듀테크를 강행하지 않는 편입니다.</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
그럼에도 저학년 사이에서 인기가 특히 높은 도구 두 가지를 추천드리자면 다음과 같습니다.
</p>
<div style="background-color: rgb(234, 244, 242); border-radius: 12px; padding: 20px 22px; margin: 24px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>① 똑똑수학탐험대</strong>: 교육부에서 제공하는 초등 수학 학습 플랫폼이에요. 학년별 수학 개념을 게임형 미션으로 풀어내 아이들의 자발적 참여도가 높습니다.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>② 엠티처 카드톡</strong>: 음악, 영어, 체육 등 다양한 과목의 기초 학습 내용을 저학년도 이해하기 쉬운 직관적인 인터페이스 속에서 게임 형태로 즐겁게 익힐 수 있습니다. </p>
</div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">바이브코딩을 좋아하는 사람으로서 한 가지 더 말씀드리자면, 저는 <strong>기존 도구에 아쉬운 점이 있을 때는 직접 만들어 보완</strong>하는 방식을 자주 씁니다. 예를 들어 우리 반 아이들이 특별히 헷갈려하는 부분을 반복 학습할 수 있는 미니 앱을 만든다거나, 로그인 없이 QR 하나로 바로 접속되는 간단한 활동 페이지를 붙여 쓴다거나 하는 식이지요.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
저학년에서는 도구의 화려한 기능보다 <strong>'진입 장벽을 얼마나 낮추었는가'</strong>가 성패를 가릅니다. 이미 잘 만들어진 도구를 활용하시되, 필요하다면 우리 반에 맞게 살짝 다듬어 쓰는 감각을 함께 가져가시면 좋을 것 같아요.
</p>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 📮 여섯 번째 고민 -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">📮 여섯 번째 고민</h2>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
<strong>바이브 코딩을 통해 만드신 교육 툴 중 가장 수업 효과가 좋았던 툴과 그 사용 사례</strong>가 궁금합니다. 초등 담임교사는 매일 많은 시수의 수업을 준비해야 하는데, 그중 어떤 교과·차시에서 바이브 코딩을 활용하면 좋을까요?
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 영천초등학교 임** 선생님 -</p></div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mszsgiw8-Fq6Kv11bGp" title="FILE-mszsgiw8-Fq6Kv11bGp"><br style="clear:both;"><br></p><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
저의 바이브코딩 첫 번째 결과물은 <strong>줄넘기 대회 매니저</strong>였어요. 전 학교에서 이 줄넘기 대회를 주최하고 있었는데, 아날로그로 기록을 적다 보니 시간도 오래 걸리고, 기록을 잃어버리면 아이들에게 보여줄 방법이 없었거든요.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
한글 파일에 정리하던 기록을 웹앱으로 옮기고 싶다는 생각으로 용감하게 시작했습니다. 몇 주 동안 코드에 몰두하는 재미에 푹 빠졌지요. 그렇게 만든 앱으로 <strong>2년간 대회를 운영했고, 아이들 반응도 정말 좋았어요.</strong> 큰 화면으로 보여줄 수 있었다면 더 좋았을 텐데 하는 아쉬움도 남지만요.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
또 하나 재미있게 만들고, 잘 활용했던 것이 <strong>PePick</strong>이에요. 체육 수업 시간에 필요한 모든 종류의 뽑기 활동, 예를 들면 술래뽑기, 모둠 나누기, 타이머 등을 우리 반 환경에 맞게, 핸드폰 하나만으로 실행할 수 있죠.</p><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mszshasn-7wnjUz98kH" title="FILE-mszshasn-7wnjUz98kH"><br style="clear:both;">반대로 재미있게 만든 것에 비해 적극적으로 활용하지 못한 케이스도 있어요. <strong>'클래스펫'</strong>이라는 학급 경영 앱인데요. 학생들의 감정을 바탕으로 가상 펫을 육성한다는 아이디어가 워낙 참신하다 보니 기획 단계의 재미는 있었지만 실전 수업에서 제대로 사용하지는 못했습니다. </p><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">그런데 이런 시도가 실패로만 끝나는 것은 아니에요. <strong style="color:#2D6A6A;">한 프로젝트의 실패는, 다음 프로젝트의 성공 재료가 됩니다.</strong> 실제로 줄넘기 앱에서 구현하지 못했던 '뱃지 주기' 기능은, 나중에 만든 야구 앱에서 살려낼 수 있었거든요. 바이브코딩에서는 실패조차 자산이 됩니다.
</p>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 📮 일곱 번째 고민 -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">📮 일곱 번째 고민</h2>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
바이브코딩에 도전해보고 싶은데, <strong>어디서부터 어떻게 배워야 할지</strong> 막막합니다. 코딩을 전혀 몰라도 시작할 수 있는 학습 방법이 있을까요?
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 현장 인터뷰 중 추가 질문 -</p></div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mszsi472-w3M7RR473H" title="FILE-mszsi472-w3M7RR473H"><br style="clear:both;">저 역시 처음에는 코딩 지식이 전혀 없었어요. 기존에는 이론부터 시작해 작은 것부터 차근차근 쌓아가는 '바텀업' 방식이 유일한 학습법이었지만, 요즘은 다릅니다. <strong>AI가 PM과 개발자의 역할을 함께 해주는 시대</strong>이기 때문에, 혼자 쓸 수 있을 만한 앱이나 어플 정도는 바로 만들어볼 수 있어요.</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
제가 시작한 방식은 아주 단순했어요. 단어도 몰랐고, 프롬프트도 그냥 생각나는 대로 썼습니다. 쓰면서 "아, 이런 용어를 이럴 때 쓰는구나" 배우고, 그것을 <strong>아카이빙</strong>해 나갔지요.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
그리고 가장 강력히 추천드리고 싶은 학습법이 하나 있습니다. <strong style="color:#2D6A6A;">검증되지 않은 강의를 유료로 들을 바에는, 100달러짜리 구독을 결제하시고 한 달 동안 무지막지하게 써보세요.</strong> 돈이 아깝지 않을 정도로 많이 사용해 보는 것이 핵심입니다. 리밋이 걸릴 정도로 몰아치듯 활용해보면, 어떤 강의보다 빠르게 감이 잡힙니다. <strong>바이브코딩은 이론이 아니라 감각의 영역</strong>이에요. 손이 먼저 움직이는 순간, 실력은 뒤따라옵니다.
</p>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 📮 여덟 번째 고민 (본문 확장) -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">📮 여덟 번째 고민</h2>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
바이브 코딩을 할 때, <strong>원하는 결과가 나오지 않으면 프롬프트를 어떻게 수정하고 보완해</strong> 나가시는지 실제 과정이 궁금합니다.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 명륜초등학교 허** 선생님 -</p></div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mszsiqal-670QHP3681" title="FILE-mszsiqal-670QHP3681"><br style="clear:both;">프롬프트를 조금씩 손보는 것도 방법이지만 그 이전에 살펴야 할 것들이 있어요.</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
가장 먼저 활용하시면 좋은 게 <strong>멀티모달 개념</strong>입니다. 프롬프트 텍스트뿐만 아니라 <strong>스크린샷을 첨부</strong>하면, AI가 어느 지점에 오류가 있는지 훨씬 빠르게 파악해요. 저는 이 방법으로 시간을 많이 줄이는 편입니다.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
컨텍스트가 이미 엇나갔다 싶으면, 프롬프트를 계속 손보기보다 <strong>새 채팅방을 여는 것</strong>이 훨씬 효율적입니다. 지금까지의 작업물이 아깝다면, 대화를 열 번 정도 주고받은 시점에 <strong>"지금까지의 대화를 바탕으로 고쳐야 할 부분을 파일로 저장해줘"</strong>라고 요청해 작업 로그를 저장해두고, 새 채팅에 그 로그를 제공하면 됩니다.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
이때 제미나이·지피티·클로드의 웹앱 인터페이스에서 진행하시면 조금 번거로울 수 있어요. 저는 <strong>프로젝트 기능이나 코덱스(Codex), 클로드 코드(Claude Code) 같은 코딩 에이전트 도구</strong>를 함께 활용합니다. 폴더 안에만 코드를 넣어두면 이 도구들이 스스로 작업을 이어가주기 때문에, 반복 개선이 훨씬 수월해요.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
도구별로 특성이 조금씩 다르니 참고하시면 좋습니다.
</p>
<div style="background-color: rgb(234, 244, 242); border-radius: 12px; padding: 20px 22px; margin: 24px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>① GPT</strong>: 가장 범용적이고 접근성이 좋아, 처음 시작하시기 좋습니다. 간단한 업무는 GPT 기본 기능으로 충분합니다.</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>② 코덱스(Codex)</strong>: GPT에서 선보인 코딩 전용 도구입니다. 초창기엔 부진한가 싶더니, 최근에는 코드 작업 성능도 좋아졌고 이미지 처리도 함께 가능해서, 저는 요즘 코덱스를 가장 자주 활용하고 있어요.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>③ 클로드(Claude)</strong>: 논문을 쓰거나 개발을 마음먹고 진행할 때는 아직도 클로드가 안정적입니다. 다만 코덱스보다 진입 장벽이 조금 있는 편이에요.
</p>
</div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
마지막으로 한 가지 팁을 더 드리고 싶어요. <strong>완벽한 프롬프팅을 하려고 애쓰지 않으셔도 됩니다.</strong> 느낌만 잘 전달해도 AI가 알아서 정리해줘요. 저는 프롬프트가 불안하다 싶을 때 이런 문장을 자주 덧붙입니다.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
<strong style="color:#2D6A6A;">"더 필요한 정보가 있으면 나한테 질문해라"</strong>, <strong style="color:#2D6A6A;">"더 좋은 프롬프트로 정리해줘라"</strong>, <strong style="color:#2D6A6A;">"SWOT 분석을 해봐라"</strong>. 이런 짧은 요청 하나가 AI의 답변 품질을 크게 바꿔놓습니다.
</p>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 📮 아홉 번째 고민 (숏터뷰) -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">📮 아홉 번째 고민</h2>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
바이브 코딩으로 프로그램을 만드는 <strong>제작 시간 대비 실제 수업·업무에서 얻는 효율</strong>을 어떻게 따져서, 만들 것과 만들지 않을 것을 구분하시나요?
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 물메초등학교 강** 선생님 -</p></div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><strong><img src="/api/file/view/FILE-mszske6r-p5YokJ8z5v" title="FILE-mszske6r-p5YokJ8z5v"><br style="clear:both;"><br></strong></p><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><strong>효율을 따지기 전에 일단 만들어 보는 것</strong>을 권해드립니다.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
만들다 보면 감이 옵니다. '이건 되겠다', '이건 안 되겠다' 하는 감각이 자연스럽게 자리 잡아요. <strong>감이 안 오는 건 과감히 버리시면 됩니다.</strong> 그래도 계속 해보고 싶은 마음이 있다면, AI에 끊임없이 캐물으며 파고들어 보세요. 정말 도저히 안 되겠다 싶으면 그때 포기하셔도 늦지 않습니다.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
저는 그동안 10~20개 정도의 앱을 만들어봤는데, 사실 효율을 따진다는 생각 자체를 별로 안 해봤어요. 결과적으로 못 쓰게 된 것도 있지만, <strong>실패라고 부르진 않습니다.</strong> 다른 프로젝트에 언제든 재활용될 수 있는 재료가 되니까요.
</p>
<!-- 숏터뷰 배너 -->
<div style="background-color: rgb(255, 243, 193); border-radius: 12px; padding: 20px; text-align: center; margin: 24px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0px 0px 8px; font-size: 14px; color: rgb(139, 122, 63); font-weight: 700;">🎙️ 숏터뷰로 보기</p>
<font color="#1a1a1a" face="Pretendard, Apple SD Gothic Neo, Malgun Gothic, sans-serif"><span style="display: inline-block; font-size: 15.5px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; line-height: 1.5;"><b><a href="https://q.mirae-n.com/eeA66" target="_blank">
바이브코딩, 제작 효율을 어떻게 따져 보아야 할까요?(Click!)
</a></b></span></font>
</div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
한 가지 팁을 더 드리자면, <strong>바이브코딩 결과물을 아카이빙 사이트로 만들어두는 것</strong>을 추천합니다. 그 자체가 하나의 포트폴리오가 되어, 나중에 강의를 나가거나 연수를 진행할 때 강력한 자산이 됩니다. 저 역시 그동안 만들어온 웹앱들을 아래 사이트에 정리해두었으니, 참고해 보셔도 좋겠습니다. </p><p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><br></p>
<div style="background-color: rgb(234, 244, 242); border-radius: 12px; padding: 22px 20px; text-align: center; margin: 24px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0px 0px 14px; font-size: 13.5px; color: rgb(45, 106, 106); font-weight: 700; letter-spacing: 0.3px;">🌐 이원근 선생님의 포트폴리오 사이트 살펴보기</p>
<a href="https://geunssam-pe.netlify.app/" target="_blank" style="display: inline-block; background-color: white; padding: 13px 24px; border-radius: 8px; font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 15px; color: rgb(45, 106, 106); font-weight: 700; text-decoration: none; box-shadow: 0 2px 8px rgba(45, 106, 106, 0.1);">
근쌤의 체육 웹앱 포트폴리오(Click!)
</a>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 14px 0 0 0; font-size: 12.5px; color: rgb(45, 106, 106); opacity: 0.75;">geunssam-pe.netlify.app</p>
</div>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 📮 열 번째 고민 (숏터뷰) -->
<h2 style="color: rgb(26, 26, 26); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 19px; font-weight: 800; margin: 0px 0px 16px;">📮 열 번째 고민</h2>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
에듀테크를 공부하면 할수록 자꾸 흥미 위주의 수업을 하게 되는데, <strong>성취기준을 도달하면서도 흥미로운 수업이 될 수 있도록 하려면 그 기준을 어디에 두어야</strong> 할까요?
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 서울잠원초등학교 김** 선생님 -</p>
</div>
<div style="background-color: rgb(255, 248, 225); border-radius: 12px; padding: 20px 22px; margin: 20px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: justify; margin: 0px 0px 12px; font-size: 15.5px; color: rgb(92, 74, 26); font-style: italic;">
유용한 툴이 너무 많다 보니 오히려 '<strong>디지털 피로도</strong>'가 생기고, 수업의 본질이 흐려질 때가 있습니다. <strong>아날로그와 디지털의 비율을 정하는 기준, 그리고 툴을 수업 흐름 속에 유기적으로 엮는 노하우</strong>가 궁금합니다.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; text-align: right; margin: 0px; font-size: 13.5px; color: rgb(139, 122, 63);">- 가능초등학교 이** 선생님 -</p></div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;"><img src="/api/file/view/FILE-mszsm5xd-AO4on2c1I9" title="FILE-mszsm5xd-AO4on2c1I9"><br style="clear:both;">두 분의 질문이 결국 하나의 이야기로 이어지는 것 같아 함께 답변드릴게요. 요즘 공문과 연수에는 새로운 AI 모델과 도구 소식이 하루가 멀다 하고 쏟아집니다. '안 쓰면 뒤처지는 것 같다'는 조바심이 드는 것도 충분히 이해가 가요.</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
하지만 한 가지 말씀드리고 싶은 게 있습니다. <strong>AI를 많이 안다고 해서, 반드시 수업을 잘하게 되는 건 아닙니다.</strong> AI가 수업의 필수조건도 아니고요. <strong style="color:#2D6A6A;">새로운 도구를 알아보는 건 좋지만, 도구에 잡아먹히지는 마세요.</strong>
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
자기 기준이 없어지면 결국 <strong>'도구 유목민'</strong>이 되고, 도구를 쓰기 위해 도구에 끌려다니게 됩니다. 학교에서 수업을 한다는 건 결국 <strong>학생들의 성취기준을 끌고 가기 위함</strong>이지요. 흥미보다 성취기준이 당연히 우선이고요.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
저는 수업을 설계할 때 늘 이 순서를 지킵니다.
</p>
<div style="background-color: rgb(234, 244, 242); border-radius: 12px; padding: 20px 22px; margin: 24px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>① 성취기준을 먼저 확인한다</strong>
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 8px 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>② 교과서에서는 이를 어떻게 풀어냈는지 살펴본다</strong>
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0; font-size: 15.5px; color: #2D6A6A; text-align: justify;">
<strong>③ 이 맥락을 AI에게 함께 제공한다</strong>
</p>
</div>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
예를 들면 이런 식이지요. <strong>"이 성취기준을 교과서에선 이렇게 풀었는데, 나는 이렇게 풀고 싶어. 이때 활용할 만한 에듀테크가 있을까?"</strong> AI에게 맥락을 넘겨주면, 훨씬 정교하고 나의 수업에 밀착된 답이 돌아옵니다. 아날로그와 디지털의 비율도 이 흐름 속에서 자연스럽게 정해져요. 그 수업의 성취기준이 필요로 하는 딱 그만큼, 필요한 자리에서만 디지털을 꺼내 쓰는 것이지요.
</p>
<p style="color: rgb(51, 51, 51); font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; font-size: 16px; text-align: justify; margin-bottom: 20px;">
결국 중요한 건 <strong>선생님만의 수업 준비 루틴, 워크플로우</strong>입니다. 이걸 꼼꼼히 성찰해 보시고, 자신의 수업 철학과 학급 경영 스타일을 정리해 두시면, 어떤 새 도구가 나와도 흔들리지 않을 겁니다.</p>
<!-- 숏터뷰 배너 -->
<div style="background-color: rgb(255, 243, 193); border-radius: 12px; padding: 20px; text-align: center; margin: 24px 0px;">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0px 0px 8px; font-size: 14px; color: rgb(139, 122, 63); font-weight: 700;">🎙️ 숏터뷰로 보기</p><p>
<a href="https://q.mirae-n.com/aFO6E" target="_blank"><font color="#1a1a1a" face="Pretendard, Apple SD Gothic Neo, Malgun Gothic, sans-serif"><span style="display: inline-block; font-size: 15.5px; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: initial; line-height: 1.5;"><b>
에듀테크를 활용한 수업, 좋은 건 알지만 따라가기가 벅차요(Click!)</b></span></font></a></p></div>
<div style="border-top: 1px solid rgb(229, 229, 229); margin: 36px 0px;"></div>
<!-- 클로징 -->
<div style="background-color: rgb(234, 244, 242); border-radius: 12px; padding: 28px 24px; text-align: center; margin-top: 36px;">
<div style="font-size:32px; margin-bottom:12px;">💌</div>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin:0 0 16px 0; font-size:15px; color:#2D6A6A; line-height:1.8;">
이원근 선생님과 함께한 8월호 인터뷰를 통해<br>
<strong>디지털 도구를 다스리는 힘은 결국 '나의 수업 원칙'에서 나온다</strong>는 점을,<br>
그리고 그 원칙의 중심에는 언제나 '성취기준'이라는 나침반이 놓여야 함을 다시 확인하게 됩니다.
</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin:0; font-size:14.5px; color:#2D6A6A; line-height:1.7;">
<strong><투 티처스></strong>는 앞으로도 현장의 고민에 가장 가까운 이야기로<br>선생님들과 함께하겠습니다. 💖</p></div>
<div style="background-color: rgb(255, 244, 229); border-radius: 12px; padding: 26px 22px; margin: 24px 0px;">
<p style="text-align: center; font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 10px 0; font-size: 15.5px; color: rgb(107, 90, 45); font-weight: 700;">💬 이원근 선생님께 더 묻고 싶은 점이 있으시다면</p>
<p style="text-align: center; font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 22px 0; font-size: 13.5px; color: rgb(139, 122, 63); line-height: 1.6;">디지털 수업, AI 활용, 바이브코딩에 대한 영감이 필요하다면<br>아래 채널에서 이원근 선생님을 만나보세요.</p>
<a href="https://joo.is/근쌤단톡방" target="_blank" style="display: block; background-color: white; padding: 16px 18px; border-radius: 8px; margin-bottom: 10px; text-decoration: none; box-shadow: 0 1px 4px rgba(139, 122, 63, 0.08);">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 4px 0; font-size: 14.5px; color: rgb(26, 26, 26); font-weight: 700;">📱 근쌤 단톡방</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0; font-size: 13px; color: rgb(102, 102, 102); line-height: 1.5;">AI·교육 관련 질문과 소식을 함께 나누는 공간</p>
</a>
<a href="https://joo.is/근쌤오픈톡" target="_blank" style="display: block; background-color: white; padding: 16px 18px; border-radius: 8px; margin-bottom: 10px; text-decoration: none; box-shadow: 0 1px 4px rgba(139, 122, 63, 0.08);">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 4px 0; font-size: 14.5px; color: rgb(26, 26, 26); font-weight: 700;">💌 근쌤 오픈톡</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0; font-size: 13px; color: rgb(102, 102, 102); line-height: 1.5;">1:1로 개인적인 질문을 나누고 싶을 때</p>
</a>
<a href="https://joo.is/근쌤브런치" target="_blank" style="display: block; background-color: white; padding: 16px 18px; border-radius: 8px; text-decoration: none; box-shadow: 0 1px 4px rgba(139, 122, 63, 0.08);">
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0 0 4px 0; font-size: 14.5px; color: rgb(26, 26, 26); font-weight: 700;">✍️ 근쌤 브런치</p>
<p style="font-family: Pretendard, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; margin: 0; font-size: 13px; color: rgb(102, 102, 102); line-height: 1.5;">AI와 교육에 대한 근쌤의 생각 읽어보기</p>
</a>
</div>
</div>
투 티처스
엠티처 이음
엠티처
미래엔
교사공감
AI
댓글
0/200
금지어가 포함되어 있어 등록할 수 없습니다.
총 0개