AI TOOLS LAB · HANDWIRED PRACTICE
숫자로 만든 버튼,
직접 눌러 확인하세요
조건문을 숫자로 바꾸고, 같은 입력을 Handwired와 JavaScript에 전달해 보세요. 결과가 같아지는 조건과 달라지는 지점을 함께 살펴봅니다.
설치·가입 없이 실행 · 공식 런타임의 JavaScript 계산 경로 · 모바일 터치 지원
Handwired 원리와 설치 방법 읽기 →01부터 차례대로 조작하거나 필요한 실습으로 이동하세요.
계산 프로그램을 준비하고 있습니다.
01 · 조건문과 숫자 계산
4.5를 넣으면 왜 달라질까요?
공식 런타임으로 ReLU 두 개를 계산합니다. 이 간단한 식은 정수 입력에서 조건문과 같지만, 4와 5 사이에서는 두 답이 섞입니다.
0부터 8 사이의 숫자를 입력하세요. 슬라이더의 간격은 0.25입니다.
s = ReLU(a − 4) − ReLU(a − 5)결과 = s × 10 + (1 − s) × 12
이 식의 소수 처리 결과와 Handwired 비교 API의 동작은 구분하세요. 토글은 선언된 입력에 맞는 비교 API를 사용합니다.
02 · 같은 입력으로 토글 비교
한 번 누르면 두 구현이 함께 계산합니다
어느 쪽 버튼이든 누른 뒤 안이나 밖에서 놓아 보세요. 버튼에 초점을 두고 Space·Enter로도 전환할 수 있습니다. 모바일에서는 버튼에서 손가락을 누른 채 바깥으로 이동해 놓아 보세요.
Handwired
공식 계산 그래프 · FP32
꺼짐 · 대기 해제
손잡이 위치 0 px
일반 JavaScript
공식 비교 구현 · Float64
꺼짐 · 대기 해제
손잡이 위치 0 px
버튼을 눌렀다가 놓아 보세요. 두 화면에 같은 입력을 전달합니다.
두 구현에 같은 실습 시각을 전달합니다. 버튼은 조작하기 쉽게 2배로 표시하며 위치 수치는 계산 좌표입니다. 허용 오차는 0.00001px 미만입니다. 다른 탭으로 이동하면 토글을 초기화합니다.
03 · 입력 격자 검사
좌표를 그대로 넣을 때와 정리할 때
폭 1280·높이 800인 가상 화면에서 y=400에 누름을 전달합니다. 토글의 x 범위는 614 이상 666 미만입니다. 공식 입력 검사가 좌표를 받아들이는지 확인하세요.
설정을 바꾼 뒤 ‘좌표 검사하기’를 누르세요. 소수 전체를 거부하는 것이 아니라 선언한 격자 간격을 검사합니다.
04 · 비교 검사 실행
경계와 취소까지 같은 결과일까요?
각 시나리오는 새 상태에서 시작합니다. 같은 이벤트를 두 구현에 넣고 매 프레임 상태·좌표·애니메이션을 비교합니다. 마지막 상태가 시나리오의 기대값인지도 검사합니다.
실행하면 이 브라우저에서 계산한 결과를 보여줍니다.
이 8개 시나리오의 비교 결과입니다. 모든 입력의 동등성을 증명하거나 속도를 측정하는 벤치마크는 아닙니다. 터미널의 Bun 테스트와는 별도의 브라우저용 검사입니다.