도서 소개

수학 수업에서 디지털 도구를 활용하고 싶다는 생각은 늘 있었지만, 막상 수업에 적용하려고 하면 생각보다 다른 문제들이 먼저 튀어나오곤 했다. 특히 코딩에 기반한 교육을 하려면 학생들에게 파일을 내려받게 하고, 압축을 풀게 하고, 실행 환경을 맞추게 하고, 어디를 눌러야 하는지 하나씩 설명해야 한다. 그러다 보면 정작 수업의 핵심은 뒤로 밀려나기 쉽다. 학생은 수학보다 기술 문제에 먼저 부딪히고, 교사는 도구를 설명하느라 에너지를 쏟는다. 수업을 더 풍부하게 만들기 위해 디지털 도구를 가져왔는데, 어느 순간 수업이 도구를 따라가고 있는 듯한 느낌을 받을 때도 있다.
이 책은 바로 그런 문제의식에서 출발했다. 수학 수업에서 정말 필요했던 것은 거창한 서비스나 복잡한 시스템이 아니었다. 특정 개념을 학생이 직접 조작해 보게 하는 화면, 값을 바꾸면 그래프가 바로 움직이는 도구, 입력에 따라 피드백이 달라지는 간단한 활동, 탐구 결과를 한눈에 비교할수 있는 작은 장치. 다시 말해, 수업의 중요한 장면에 몰입하게 하기 위해 교사가 자기 수업에 맞는 도구를 직접 만들 수 있는 가능성이 필요했다.
다행히 지금은 그 가능성이 예전보다 훨씬 현실적인 것이 되었다. 생성형 AI의 확산과 함께 등장한 이른바 바이브 코딩은 웹 애플리케이션 개발의 진입 장벽을 크게 낮추고 있다. 이제는 모든 문법을 완벽하게 익히지 않아도, 자연어로 원하는 기능을 설명하고 생성된 결과를 실행해 보며 수정해 나가는 방식으로 작업을 시작할 수 있다. 교사가 떠올린 수업 아이디어를 빠르게 작동하는 화면으로 바꿔 볼 수 있는 시대가 열린 것이다.
이 책의 목적은 독자를 완벽한 개발자로 만드는 데 있지 않다. 오히려 그 반대에 가깝다. 이 책이 지향하는 것은 수업에 바로 써볼 수 있는 웹 애플리케이션을 만들고, 고치고, 배포하고, 다시 수업 맥락에 맞게 다듬어 가는 감각을 익히는 일이다. 복잡한 설치와 설정을 설명하는 대신 링크 하나로 학습 환경을 열고, 학생이 같은 조건에서 곧바로 탐구를 시작할 수 있도록 돕는 것. 그리고 필요할 때는 이미 있는 도구를 억지로 끼워 맞추는 대신, 내 수업에 맞는 도구를 직접 구상하는 것. 이책은 바로 그 길을 안내하고자 한다.
책의 앞부분에서는 GitHub, Streamlit, Streamlit Community Cloud, GitHub Codespaces 같은 도구들이 각각 어떤 역할을 하는지 가볍게 익히고, 가장 단순한 형태의 앱을 하나 직접 만들어 본다. 이어서 생성형 AI의 도움을 받아 앱을 수정하고, 필요한 라이브러리를 설치하고, 변경 사항을 저장하고 배포하는 흐름에 익숙해진다. 그리고 뒤로 갈수록 관심은 점차 기술 자체에서 수업 설계로 이동한다. 애자일 개발 방법론, 페르소나, 사용자 스토리, 사용자 스토리 맵핑, 최소 기능 제품(MVP) 같은 기획 도구를 통해 어떤 웹 애플리케이션을 왜 만들어야 하는지를 다시 묻게 된다.
마지막에는 교육과정 성취기준과 연결하여 실제 수업안까지 설계해 보게 된다. 즉, 이 책은 웹 애플 리케이션 개발을 배우는 책이면서 동시에 그것을 수학 수업 설계의 일부로 끌어오는 책이기도 하다.
이 책을 읽는 동안 모든 것을 한 번에 완벽히 이해할 필요는 없다. 처음에는 “왜 되는지 모르겠는 데, 일단 작동은 해” 정도의 감각이면 충분하다. 중요한 것은 일단 하나를 만들어 보고, 실제로 눌러 보고, 바꿔 보고, 다시 고쳐 보는 일이다. 그렇게 작동하는 첫 번째 버전을 손에 쥐는 순간, 수업을 바라보는 시선도 조금 달라질 수 있다. “설명은 나중에 해도 돼. 일단 들어와서 직접 클릭해봐.” 이말이 자연스럽게 나오는 수업을 상상하며, 이제 첫 번째 웹 애플리케이션을 함께 시작해 보자.

  출판사 리뷰

서평

학생에게 링크 하나만 건네 바로 탐구를 시작하게 할 수는 없을까?
이 책은 교사가 자기 수업에 맞는 디지털 도구를 직접 만들고, 그것을 수업에 바로 활용할 수있다는 가능성에서 출발한다. 수학 수업용 웹 애플리케이션을 가장 단순한 형태에서부터 하나씩 만들어 보고, 필요한 기능을 더하고, 수정하고, 배포하는 흐름을 따라가며, 점차 수업에 바로 활용할 수 있는 도구로 발전시켜 간다. 또한 무엇을 왜 만들어야 하는지를 고민하는 과정과 실제 수업 설계까지 함께 다룸으로써, 웹 애플리케이션 개발을 수학 수업 설계의 일부로 끌어온다.
이 책은 완벽한 개발자를 위한 책이 아니라, 수업에 바로 쓸 수 있는 작동하는 도구를 만들고 싶은 사람을 위한 현실적인 안내서다.

  작가 소개

지은이 : 왕효원
학부부터 대학원까지 서울대학교 수학교육과에서 오랜 시간을 보냈다. 박사과정에서는 졸업 논문과 관련하여 웹 기반 증강현실 도구를 개발했고, 이를 계기로 교실에서의 웹 애플리케 이션 활용에 본격적으로 관심을 갖게 되었다. 현재는 여러 대학에서 수학교육 및 AI융합교육 전공 강좌를 맡아 강의하고 있다. 웹 애플리케이션은 교사/연구자가 바라보는 컴퓨터 화면 속에서 완성되는 것이 아니라, 실제 교실에서 학생들과 만나며 비로소 그 의미가 드러난 다고 믿는다. 이러한 관점에서 교육 현장에 맞는 웹 애플리케이션을 개발하고 적용하는 일에 관심을 넓히는 중이다.

지은이 : 김승하
대학 졸업반 시절 운 좋게 스타트업 붐에 올라타, 지금까지 소프트웨어 개발자로 살아가고 있다. 종종 "배우고 나누는 것을 즐기는 개발자", "창조적인 사람을 돕는 개발자" 라고 스스로를 소개하고는 했다. 웹 브라우저 위에서 데스크탑 수준의 사용자 경험을 가능케 하는 여러가지 웹기술들에 관심이 많다. 요즘은 AI가 세상을 지배할 날에 대비해 열심히 체력을 기르는 중이다.서울대학교 수학교육과를 졸업했다.

  목차

1부 무작정 웹 개발 시작하기
1장 들어가기 전에
1.1 웹 애플리케이션이란? 10
1.2 우리는 왜 웹 애플리케이션 개발에 도전해야 하는가? 11

2장 무작정 웹 개발 시작하기
2.1 Streamlit이란? 36
2.2 Streamlit으로 웹 애플리케이션 배포하기 37
2.3 Streamlit 환경 살펴보기 40

2부 웹 개발에 익숙해지기
3장 웹 개발에 익숙해지기
3.1 생성형 AI로 웹 애플리케이션 수정하기 50
3.2 파이썬 라이브러리, pip install 이해하기 71
3.3 Commit & Push에 익숙해지기 80
3.4 Streamlit 애플리케이션에 페이지 추가하기 92
3.5 한글 폰트 설정하기 113

3부 웹 애플리케이션과 수업 설계
4장 웹 애플리케이션 기획하기
4.1 애자일 개발 방법론 128
4.2 요구사항 도출 및 관리 기법: 사용자 스토리, 페르소나, 사용자 스토리 맵핑 131
4.3 최소 기능 제품 제작하기 137

5장 웹 애플리케이션 개발 및 수업 설계 실습
5.1 교육과정 성취기준 찾아 정리하기 143
5.2 활동 설계하기(사용자 스토리, 페르소나, 사용자 스토리 맵핑 작성) 145
5.3 수업안 설계하기 148

  회원리뷰