교사로서 바이브 코딩을 활용해 새로운 교육 자료를 만드는 경험이 정말 만족스럽습니다.
As a teacher, I really appreciate vibe coding because it has enabled me to create new teaching materials.
핵심 요약
AI를 활용해 기존의 틀을 벗어난 혁신적인 교육용 시뮬레이션과 앱을 직접 개발하는 교사의 성공 사례.
- 바이브 코딩 활용 — 기존의 단순한 학습지 제작을 넘어 태블릿 환경에 최적화된 교육용 앱과 시뮬레이션 개발.
- 효율적인 워크플로우 — Claude Code와 API를 활용해 코딩 지식 없이도 안전하고 효율적인 개발 환경 구축.
- 교육적 성과 — 1년 동안 20개 이상의 교육용 앱을 제작하여 실제 수업에 활용하고 학생들의 참여도 증대.
- 지속적인 개선 — GitHub와 Firebase 등을 연동하여 자동화된 배포 시스템을 갖추고 꾸준히 콘텐츠 업데이트.
ChatGPT가 일반 사용자에게 처음 공개되었을 때부터 사용하기 시작했고, 그 이후로 점점 더 많이 활용하고 있습니다.
많은 교사들과 마찬가지로, 저도 처음에는 과제나 시험, 기타 자료의 초안을 만드는 데 사용했습니다. 또한 제 예전 텍스트와 학교 자료에 접근하여 제 스타일과 기존 자료에 맞는 교육 자원을 생성할 수 있는 개인화된 에이전트도 만들었습니다. 이는 시간을 절약하는 데는 도움이 되었지만, 완전히 새롭거나 놀랍게 느껴지지는 않았습니다. 단순히 저를 더 효율적으로 만들어 주었을 뿐이었죠.
하지만 바이브 코딩은 다릅니다. 제가 다른 방식으로는 절대 만들 수 없었을 교육 자료를 만들 수 있게 해주거든요. 저는 8학년부터 학생들이 각자 태블릿을 사용하는 학교에서 근무합니다. 그래서 단순히 인쇄된 학습지를 PDF로 대체하는 것이 아니라, 태블릿의 디지털 기능을 실제로 활용하는 교육 자료를 만들고 싶었습니다.
저는 저렴한 보조 기기에서 Claude Code와 Codex를 사용합니다. 그 기기에는 중요한 데이터가 저장되어 있지 않고 오직 이 목적을 위해서만 사용되기 때문에, 거기서는 마음껏 작업할 수 있습니다. 최종 결과물은 FileZilla를 사용하여 수동으로 도메인에 게시하거나, GitHub를 통해 자동으로 메인 목적지로 배포됩니다. 그 후에는 GitHub에서 자동으로 삭제됩니다. 시간이 지나면서 API, 보안, 코드에서 민감한 정보 제거 및 비공개 섹션으로 이동, Firebase 사용, Google API 작업 및 제한 설정 등에 대해 많은 것을 배웠습니다. 물론 여전히 코드를 직접 짤 수는 없지만, 효율적인 워크플로우를 만드는 방법과 기술, 에이전트, 기타 도구를 효과적으로 사용하는 방법을 배웠습니다.
거의 1년이 지난 지금, 저는 학생들을 위해 20개 이상의 시뮬레이션, 앱, 게임을 만들었고 실제로 수업 시간에 사용하고 있습니다. 제 웹사이트들도 점점 인기를 얻고 있는 것 같습니다. 5월에 첫 번째 사이트를 게시했을 때 그달에 266회의 조회수를 기록했습니다. 4월에는 440회, 그리고 이번 5월에는 벌써 742회에 도달했습니다. 조회수는 GoatCounter를 사용하여 추적하고 있습니다.
로그인도 없고 광고도 없습니다. 그저 현대적인 교육 자료를 만드는 데 너무 많은 시간을 쏟고 있는 평범한 교사일 뿐입니다.
제가 만든 두 개의 웹사이트는 다음과 같습니다:
-
생물학 시뮬레이션:
https://www.edubiosim.de/index_EN.html -
영어 수업용 게임/앱:
https://www.edubiosim.de/index_Apps/index_Apps.html
편집: 현재 간단한 GIF를 만들 수 있는 좋은 프로그램을 찾고 있습니다. Sora를 사용했었지만, OpenAI가 서비스를 종료하면서 당연히 이제는 존재하지 않게 되었죠. 혹시 무료이면서 괜찮은 GIF 제작 도구를 아시는 분이 있다면 공유해 주시면 감사하겠습니다 =)


