IT 열풍이 불고 많은 사람들이 IT 관련 직무에 취업을 많이 생각한다. 그에 따라 코딩테스트(코테)가 기본 시험이 되었고 많은 사람들이 코테를 붙기 위해 열심히 공부한다. 주로 사용하는 사이트는 백준, 프로그래머스를 사용한다.
우리 다빈치 학원에서도 마찬가지다. 취업을 위한 취업반을 운영하진 않지만, 초중고 학생들이 '백준'을 통해 문제를 접하고 이해하고 풀고 있다.
고등학생은 대학을 들어가기 위해 백준을 열심히 풀 수 있지만, 초중학생은 목적 의식이 떨어진다. 이에 따라 백준을 푸는 과정에서 다른 짓(게임 및 메신저)을 많이 시도한다. 이를 해결하고자 백준 모니터링 시스템을 개발했다.
# 📢 백준 모니터링 시스템이란?
학생들이 백준을 통해 문제를 푼다. 문제를 푸는 도중 학생들이 서로에게 이렇게 질문한다. '야! 너 몇 문제 풀었음?' , '몇 문제 남았냐?' 등을 서로에게 질문한다. 즉, 서로에게 경쟁심을 느끼고, 경쟁심을 통해 서로 성장한다. 이를 선생님 입장에서 대시보드로 보거나 보여주기 위한 시스템이다. 반대로 대시보드를 통해 누가 못풀고 있는지도 파악이 가능하다.
# 📸 시스템 이미지
백문의 불여일견. 직접 보는게 빠르다.
본 시스템은 초중학생을 대상으로 개발하였기에 단어 선택을 게임에 빗대었다. 용사는 유저(아이들)을 의미하며, 몬스터는 풀어야할 문제를 의미한다.
주 기능은 용사 등록, 몬스터 등록, 용사 대시보드, 랭킹 시스템이 있다. 자세한 건 아래에서...
# 📖 주 기능 설명
주 기능을 설명하기 전에 정보(데이터)는 구글 시트를 사용합니다. 데이터의 양도 적고, 불필요한 AWS S3 연동을 줄이기 위함입니다. 구글 시트에는 아이들 정보, 날짜별로 문제들이 저장되어 있습니다. 관련된 이미지는 노션에 나옵니다. 노션링크는 맨 아래 있습니다
1. 용사 등록
- 용사란 백준을 푸는 아이들을 의미합니다
- 구글 시트에 저장된 아이들 명단으로 선택이 가능합니다
- 아이들을 여러명 선택이 가능하며, 추가 및 삭제가 가능합니다(이름 자체를 지우고 싶을 경우, 구글 시트에서 제거해야합니다)
2. 몬스터 등록
- 몬스터는 풀어야할 문제들입니다
- 구글 시트에서 날짜와 몬스터 명단을 불러와서 보여줍니다.
- 몬스터의 경우, 다중 선택이 불가능합니다.
3. 용사 대시보드
- 등록한 용사별로 현재 상태를 볼 수 있습니다
- 보여주는 항목은 ‘문제 해결(잡았다!)’ , ‘문제 미해결(도전중!)’ ,’랭킹’ 3가지입니다.
4. 랭킹
- 랭킹을 보여줍니다
- 랭킹은 문제를 해결한 문제 개수입니다
- 만약, A 와 B가 동일하게 문제를 3문제 풀었다면, 1등에 A , B 모두 보여줍니다
# 🖼️ 실제 적용 이미지
수업에 참여한 학생들은 4 명이며, 수업 일자는 2023년 9월 9일를 의미합니다
용사는 4명이며, 몬스터는 10마리입니다. 몬스터의 숫자는 백준의 문제 넘버를 의미합니다
아이들의 현재 상황 대시보드입니다.
랭킹 시스템입니다. 2등의 경우 2명인데, 맞춘 문제수가 같은 경우 공동으로 표시됩니다.
# 📺 사용 후기
가장 중요한 것은 후기일 것이다. 아무리 이쁘고, 성능이 좋아도 아이들이 흥미를 갖지 못하면 좋은 프로젝트라고 할 수 없다.
결론부터 말하면 반응은 좋았다.
처음에는 '용사'라는 단어에 웃고, '몬스터'를 무찌른다는 것에 재밌어했다. 또한, 현재의 상황을 아이들이 직접 눈으로 보고 나의 상태를 본인이 직접 확인함으로써 동기부여되는 학생도 많다. 경쟁심이 강한 아이들은 문제를 빨리 풀기 위해 집중을 하며, 경쟁에는 관심이 없는 아이들도 다른 친구들이 문제를 푸는 모습을 보며 도전을 한다.
아직 시스템이 완벽한 것도 아니고 최적화된 것도 아니다. 수정할 부분도 많고 추가해야할 것도 많지만, 짧은 기간(7일 미만)에 이정도면 만족한다.
자세한 내용은 노션을 참고해주시고, 궁금하신 사항이 있으시면 연락주세요.
참고로 현재 많은 사이트는 실제로 사용하고 있음에 따라 학원 아이들 정보가 노출이 될 수 있음으로 공유는 어렵습니다. 만약, 궁금하시면 연락주세요.
아래는 제가 만든 노션입니다.
https://www.notion.so/thleewave/849c4c6b108b4058b8d16b84ece9e036
백준 모니터링
📢 프로젝트 소개
www.notion.so