수학교육 연구자이자 에듀테크 개발자로, 혁신적인 기술과 인터랙티브한 학습 도구를 통해 수학교육을 발전시키는 것을 목표로 하고 있습니다.
수학교육 연구자로서, 학교 수학에서의 데이터 과학 교육과 기술 기반 학습 환경에 관심이 있습니다. 교실 현장에서 바로 사용할 수 있는 웹 기반 수학 학습 도구와 증강현실 환경을 개발하며, 학생들이 수학적 개념을 시각적으로 탐구하고 인터랙티브하게 연습할 수 있는 학습 경험을 만드는 것을 지향합니다.
구의 부피 탐구 - AR을 통한 학습
3D 렌더링, 물리 시뮬레이션, AR 이미지 트래킹을 활용한 웹 기반 인터랙티브 실험 도구.
기술: Vanilla JavaScript, Three.js, Cannon-es, MindAR
주요 기능: 실시간 물리 시뮬레이션, AR 이미지 트래킹, 인터랙티브 컨트롤
이차함수 평행이동 시각화 - AR
라이브 카메라 비디오 위에 이차함수 그래프를 오버레이하여 실시간으로 계수를 조정하며 수직 이동을 관찰할 수 있는 WebXR 스타일 데모.
기술: Vanilla JavaScript, Three.js, WebXR
주요 기능: 실시간 그래프 렌더링, 인터랙티브 계수 조정
미적분학 시각화 - 3D 인터랙티브 학습 도구
Cavalieri의 원리와 Archimedes의 평형법을 포함한 미적분학의 기본 개념을 인터랙티브한 3D 그래픽으로 시각화합니다.
기술: Vite, Vanilla JavaScript, Three.js, lil-gui
주요 기능: 3D 시각화, 인터랙티브 컨트롤, MathJax 수식 렌더링
다면체 탐구기: 8개의 삼각형으로 만든 다면체
8개의 정삼각형으로 구성할 수 있는 두 가지 다면체를 탐구하는 인터랙티브 3D 교육 시각화 도구.
기술: Vite, Vanilla JavaScript, Three.js
주요 기능: 3D 모델 뷰어, 애니메이션 전개/접기
야추 다이스 게임
Three.js와 Cannon.js 물리 엔진으로 구동되는 실시간 3D 물리 시뮬레이션을 특징으로 하는 인터랙티브 주사위 게임.
기술: Vite, Vanilla JavaScript, Three.js, Cannon.js, GSAP
주요 기능: 3D 물리 시뮬레이션, 멀티플레이어 지원
ChatGPT API 활용 아이디어 탐구
교육 목적으로 ChatGPT API의 다양한 활용 사례를 보여주는 교육용 웹 애플리케이션.
기술: Vite, Vanilla JavaScript, Handsontable, OpenAI API
주요 기능: 인터랙티브 AI 챗봇, 루브릭 기반 텍스트 피드백, PDF 요약, 자동 퀴즈 생성
Perplexity & YouTube Data API 통합 예제
AI 검색 결과 비교 및 YouTube 채널 데이터 분석을 인터랙티브한 기능으로 제공하는 교육용 웹 애플리케이션.
기술: Vite, Vanilla JavaScript, Chart.js, Perplexity API, OpenAI API, YouTube Data API
주요 기능: API 성능 비교, YouTube 데이터 분석, 채널 패턴 시각화
Google Form 통합 웹 애플리케이션 예제
OpenAI ChatGPT API와 Google Form을 통합하여 원활한 데이터 수집 워크플로우를 보여주는 현대적인 웹 애플리케이션.
기술: Vite, Vanilla JavaScript, OpenAI API
주요 기능: Google Form 통합, 실시간 AI 챗봇, Google Sheets 통합
STEAM 차트 네트워크
네트워크 그래프 시각화를 통해 2019-2023년 STEAM 베스트셀러 게임 트렌드를 분석하는 인터랙티브 웹 기반 연구 보고서.
기술: Vite, Vanilla JavaScript, Sigma.js, Graphology, PapaParse
주요 기능: 인터랙티브 네트워크 그래프, Jaccard 유사도 분석, 커뮤니티 탐지, 중심성 시각화
네이버 웹툰 썸네일 이미지 - 감정 네트워크
웹툰 썸네일 색상과 감정 반응 간의 관계를 네트워크 그래프 시각화로 분석하는 인터랙티브 연구 보고서.
기술: React, Vite, Sigma.js, Graphology
주요 기능: 이중 네트워크 시각화 (태그 기반 및 감정 기반), 커뮤니티 탐지, 인터랙티브 그래프 탐색
강화학습 샘플 - AI 융합교육
인터랙티브 시각화를 통해 강화학습을 보여주는 교육 플랫폼.
기술: Vite, Vanilla JavaScript, Canvas API
주요 기능: DQN & Q-Learning 알고리즘, 다양한 학습 환경 (CartPole, Maze, Lunar Lander)
암호학 학습 플랫폼
8가지 암호 구현을 통해 고전 및 현대 암호학을 직접 체험하며 학습할 수 있는 인터랙티브 웹 애플리케이션.
기술: Vite, Vanilla JavaScript, BigInt
주요 기능: 8가지 암호 구현 (스키타레, 니힐리스트, 시저, 비제네르, 아핀, 에니그마, RSA 등), 실시간 암호화/복호화
프론트엔드: React, Vanilla JavaScript, Vite
3D & 그래픽: Three.js, Cannon.js, GSAP
AR: MindAR, WebXR
데이터 시각화: Sigma.js, Graphology, Chart.js
AI/ML: OpenAI API, Perplexity API
기타: Handsontable, PapaParse, MathJax
- 이메일: eduwang1010.dev@gmail.com
- GitHub: @eduwang