Desmos & GeoGebra API 실험 페이지

📊 Desmos Graphing Calculator API

Desmos란? 무료 온라인 그래프 계산기로, 함수, 방정식, 통계 등을 시각화할 수 있습니다. JavaScript API를 통해 웹 페이지에 쉽게 임베드할 수 있습니다.

실험 1: 삼차방정식 시각화

종이접기 블로그 포스트의 삼차방정식 x³ - 2x - 5 = 0을 시각화합니다.

실험 2: 황금비 시각화

황금비 φ = (1 + √5) / 2 ≈ 1.618과 관련된 직사각형을 시각화합니다.

실험 3: 각의 삼등분 문제

60도 각을 20도씩 삼등분하는 것을 시각화합니다. (자와 컴퍼스로는 불가능!)

📐 GeoGebra Apps API

GeoGebra란? 기하, 대수, 미적분을 통합한 수학 교육 소프트웨어입니다. 동적 기하학 작도와 대수적 계산을 동시에 지원합니다.

실험 4: 정삼각형 작도

컴퍼스와 자를 이용한 정삼각형 작도를 단계별로 시연합니다.

실험 5: 종이접기 시뮬레이션

종이를 반으로 접는 과정을 GeoGebra로 시뮬레이션합니다.

⚖️ Desmos vs GeoGebra 비교

Desmos의 장점

매우 빠르고 가벼움
함수 그래프에 특화
아름다운 UI/UX
슬라이더와 애니메이션이 직관적
API가 간단하고 사용하기 쉬움
LaTeX 수식 지원이 우수

GeoGebra의 장점

기하학 작도 도구가 강력
CAS (컴퓨터 대수 시스템) 내장
3D 그래프 지원
통계 및 확률 도구
교육용 자료가 풍부
복잡한 수학적 구조 표현 가능

💻 코드 예시

Desmos API 기본 사용법

// Desmos 계산기 생성
var elt = document.getElementById('calculator');
var calculator = Desmos.GraphingCalculator(elt);

// 함수 그리기
calculator.setExpression({
    id: 'graph1',
    latex: 'y=x^3-2x-5',
    color: '#667eea'
});

// 점 추가
calculator.setExpression({
    id: 'point1',
    latex: '(2.0946, 0)',
    showLabel: true,
    label: '근'
});

GeoGebra API 기본 사용법

// GeoGebra 앱 생성
var params = {
    "appName": "geometry",
    "width": 800,
    "height": 600,
    "showToolBar": true
};
var applet = new GGBApplet(params, true);
applet.inject('ggb-element');

// 명령 실행
var ggbApp = applet.getAppletObject();
ggbApp.evalCommand("A = (0, 0)");
ggbApp.evalCommand("B = (4, 0)");
ggbApp.evalCommand("Triangle(A, B)");

🧮 Desmos & GeoGebra API 실험실