선생님, 안녕하세요. 자두쌤🍒입니다.
오늘 제가 준비한 내용은 우리 학급만의 학습 확인 웹앱 만들기입니다.
저는 올해까지 3년 연속 고2 담임을 맡고 있는데요. 특히 2학기가 되면 학생들이 조금 해이해지기 쉬운 것 같더라고요. 고3이 되기 전 마지막 학기라는 생각에 입시에 대한 현실 앞에서 자포자기하거나 마음만 조급해하는 학생들도 종종 보였습니다.
그래서 하루하루 작은 성취의 과정을 스스로 기록하고 확인할 수 있도록 **‘아침 공부 인증 웹앱’**을 구상했습니다.
복잡한 프로그램을 처음부터 직접 개발한 것은 아닙니다. 생성형 AI와 바이브 코딩을 활용해 웹앱의 기본 구조를 만들고, Google Apps Script와 구글 스프레드시트를 연결해 학생들의 인증 기록을 저장할 수 있도록 구성했습니다.
이번 글에서는 제가 실제로 웹앱을 만든 과정을 하나씩 소개해 보겠습니다.
제가 만들고자 했던 웹앱의 기본 조건은 다음과 같았습니다.
학생들이 어렵지 않게 참여할 수 있도록 기능은 최대한 단순하게 구성하고, 자신의 기록뿐 아니라 친구들의 인증도 함께 보면서 서로 응원할 수 있도록 만들고 싶었습니다.
그럼 이제 직접 만들어 볼까요?