Graphing Calculator
함수/매개변수/극좌표 그래프 플로터
그래프 계산기
수학 함수를 그래프로 표시합니다. 변수로 x를 사용하세요. Math.sin, Math.cos, Math.sqrt, ** 등을 지원합니다.
Graphing Calculator 소개
그래프 계산기는 HTML5 Canvas를 이용해 수학 함수를 브라우저에서 즉시 그래프로 시각화하는 무료 온라인 도구입니다. x를 변수로 하는 임의의 수식을 입력할 수 있으며, 삼각함수(sin, cos, tan), 로그(log는 상용로그, ln은 자연로그), 제곱근(sqrt), 절댓값(abs), 거듭제곱(^ 연산자) 등 다양한 수학 함수를 지원합니다. x축 범위를 자유롭게 조절해 원하는 구간을 확대하거나 탐색할 수 있습니다.
이 도구는 미적분학이나 수학 함수를 학습하는 학생, 수업 자료를 준비하는 교사, 빠른 함수 분석이 필요한 엔지니어, 그리고 수학적 곡선 탐구를 즐기는 모든 분을 위해 설계되었습니다. 계산기는 캔버스의 각 픽셀 열마다 함수를 평가하고 y축 범위를 자동으로 맞추며, 격자선과 축 레이블을 함께 표시합니다. sin(x), cos(x), x², x³-3x, √x, 1/x 등 자주 사용하는 프리셋 버튼으로 바로 시작할 수 있습니다.
모든 계산과 렌더링은 브라우저의 Canvas 2D API와 샌드박스 처리된 Function 생성자를 사용해 완전히 클라이언트 측에서 이루어지며, 어떤 데이터도 서버로 전송되지 않습니다. 1/x와 같이 불연속점이 있는 함수는 해당 위치에서 경로를 자동으로 끊어 정확한 그래프를 표시합니다. 다크 모드를 완전히 지원하여 시스템 테마 변경 시 배경, 격자선, 축 색상이 자동으로 바뀝니다.
주요 기능
- x를 변수로 하는 임의의 수식을 입력해 그래프로 표시 (+, -, *, /, ^ 연산자 지원)
- sin, cos, tan, log(상용로그), ln(자연로그), sqrt, abs 내장 지원
- X 최소/최대 값 조절로 원하는 구간 확대 및 탐색 가능
- 계산된 출력 범위에 맞게 y축 자동 스케일링
- 캔버스에 격자선과 축 레이블 표시로 값을 직관적으로 파악
- sin(x), cos(x), x², x³-3x, √x, 1/x 원클릭 프리셋 버튼 6개
- 불연속점에서 경로를 끊는 안전한 렌더링 (무한대 및 정의 불가 지점 처리)
- 배경·격자·축 색상이 자동 조정되는 완전한 다크 모드 지원
자주 묻는 질문
함수를 입력하는 방법은 무엇인가요?
x를 변수로 사용하는 표준 수식을 입력하세요. 예: sin(x), x^2, x**3-3*x, sqrt(x), 1/x, log(x) 등. sin(x)*cos(x)나 x^2+sqrt(abs(x))처럼 조합해서 사용할 수도 있습니다.
사인이나 코사인 함수는 어떻게 그리나요?
f(x) 입력란에 sin(x) 또는 cos(x)를 입력하거나, sin(x) 또는 cos(x) 프리셋 버튼을 클릭하세요. 자동으로 JavaScript의 Math 메서드로 변환되어 처리됩니다.
log와 ln의 차이는 무엇인가요?
이 계산기에서 log는 상용로그(밑이 10)를 계산하고, ln은 자연로그(밑이 e)를 계산합니다. 일반적인 수학 교과서 표기법과 동일합니다.
x축 범위를 변경할 수 있나요?
X 최소 및 X 최대 입력란에서 가로축 범위를 설정할 수 있습니다. y축은 해당 범위 내에서 계산된 값에 맞게 자동으로 조절되므로 별도로 설정할 필요가 없습니다.
그래프에 빈 구간이 생기는 이유는 무엇인가요?
1/x의 x=0이나 sqrt(x)의 음수 x처럼 함수가 정의되지 않거나 무한대가 되는 지점에서 경로가 끊깁니다. 불연속점을 가로지르는 잘못된 선이 그려지지 않도록 의도된 동작입니다.
다항식 함수도 지원하나요?
네, 표준 거듭제곱 연산자를 사용해 임의의 다항식을 입력할 수 있습니다. 예를 들어 x^3 - 3*x + 2 또는 2*x^4 - x^2 + 5와 같이 입력하면 됩니다. ^ 연산자는 내부적으로 ** 연산자로 자동 변환됩니다.
수식 계산이 안전하게 이루어지나요?
네, 수식은 x와 Math 객체에만 접근할 수 있는 샌드박스 처리된 Function 생성자로 평가됩니다. 수학 연산 외의 임의 코드 실행은 불가능하며, 어떤 데이터도 브라우저를 벗어나지 않습니다.
모바일 기기에서도 사용할 수 있나요?
네, 캔버스가 CSS를 통해 컨테이너 너비에 맞게 크기가 조정되어 스마트폰과 태블릿에서도 그래프가 올바르게 표시됩니다. 입력 필드와 프리셋 버튼도 터치 친화적으로 설계되었습니다.