삭제
Claude Code 하네스 엔지니어링 시스템(.claude/ 디렉토리 구조 — hooks, agents, skills)의 완전한 원클릭 설치 가이드. settings.json, 보안/품질/포맷 훅, 에이전트 정의, 스킬 워크플로우까지 포함.
규칙과 대응
규칙(+n, ×n)을 선택하고 상수를 조절해 입력→출력 대응 테이블과 식을 실시간으로 확인.
도형
진행 슬라이더로 직육면체 전개도가 펼쳐지는 과정을 SVG 애니메이션으로 확인하고 6면의 위치 관계를 이해.
도형을 선택하고 대칭축 방향을 바꾸면 SVG로 원본과 대칭 도형이 나란히 표시되고 합동 확인 애니메이션도 제공.
분수
1×1 직사각형을 격자로 분할해 분수×분수가 겹치는 넓이임을 시각적으로 이해.
피자 모델로 대분수와 가분수를 동시에 시각화하고 변환 과정을 수식으로 확인.
두 분수의 분자/분모를 슬라이더로 조절하고 통분 과정을 넓이 모델로 시각화.
소수
소수에 10 곱하기/나누기 버튼으로 자릿점 이동을 자릿값 표와 수직선으로 시각화.
약수와 배수
1~50 사이의 숫자를 선택하면 약수인 칸이 초록으로 강조되는 시각화. 소수 판별 메시지 포함.
1~12단 슬라이더로 배수 패턴을 1~60 격자에서 탐색. 두 단 동시 선택으로 공배수 발견.
두 수의 약수를 벤다이어그램으로 비교해 공약수와 최대공약수를 시각적으로 발견.
두 수의 배수를 수직선 두 줄로 표시해 공배수와 최소공배수를 시각적으로 발견.
자료와 가능성
5개 막대 높이를 슬라이더로 조절하면 평균 점선이 즉시 업데이트되고 각 막대와의 차이가 표시됨.
입체도형 탭 선택 후 단면 높이 슬라이더로 자르는 위치를 바꾸면 단면 모양이 실시간으로 변하는 SVG 시각화.
분수 나눗셈을 3단계로 분해해 역수로 바꾸는 과정을 단계별 애니메이션으로 이해.
비와 비율
A:B 슬라이더로 비율을 조절하고 블록·백분율·기약비를 실시간으로 시각화.
전체 금액과 비율 A:B를 슬라이더로 설정해 비례배분 결과를 막대그래프로 시각화.
소수 나눗셈을 4단계로 분해해 자연수 나눗셈으로 바꾸는 과정을 단계별로 이해.
5개 항목 슬라이더로 값을 바꾸면 파이 차트와 띠 그래프가 동시에 실시간으로 갱신됨.