Web Platform2024.11
JSLAB
Client자체 기획
RoleFull Stack
Duration15개월
Teamhwanghj09(1인 개발)
Project Brief
웹에서 직접 수행하는 인터랙티브 과학 가상 실험실.
[ Tech Stack ]
PythonFastAPIHTMLJavaScript
[ 01. Context ]
JSLAB은 물리적 제약 없이 웹 브라우저 내에서 다양한 과학 실험을 시뮬레이션할 수 있는 교육용 플랫폼입니다. Python FastAPI를 기반으로 실험 데이터를 정밀하게 계산하고, JavaScript를 통해 동적인 실험 UI를 구현했습니다.
Challenge
실시간으로 변하는 실험 변수값을 서버에서 정확하게 계산하여 클라이언트에 지연 없이 전달하고, 시뮬레이션의 물리적 정확도를 확보하는 것이 중요했습니다.
Solution
FastAPI의 비동기 처리를 활용하여 수치 계산의 효율성을 높였으며, 바닐라 JavaScript와 HTML5 Canvas를 활용하여 별도의 라이브러리 없이도 부드러운 실험 애니메이션을 구현했습니다.
[ 02. Results ]
다양한 물리/화학 실험 모듈 탑재
실험 데이터 로그 기록 및 시각화 지원
순수 JS 기반 경량 시뮬레이션 엔진 구축
Next Project