Lox 시각화 도구에서 컴파일과 실행 과정을 살펴볼 수 있다

Lox 도구는 코드 변환 과정을 보여줍니다. 코드는 토큰(token), 추상 구문 트리(AST), 바이트코드(bytecode)로 이어집니다. 실행도 한 단계씩 확인할 수 있습니다. 저는 결과만 보여주는 실행기보다, 코드가 작동하기까지의 경로를 드러내는 점이 반갑습니다. 각 표현이 어떻게 달라지는지 볼 수 있어, 코드와 실행 사이의 연결을 직접 따라갈 수 있기 때문입니다.

Symphony는 Go 함수를 코드와 연결된 그래프로 보여주고 편집·실행·테스트를 지원합니다. Lox 도구는 토큰부터 바이트코드까지의 변화를 따라가게 합니다. 두 도구 모두 코드의 구조와 실행 흐름을 화면에서 살펴보게 한다는 점에서 맞닿아 있습니다.

좋은 점은 각 표현 사이의 연결을 직접 짚을 수 있다는 데 있습니다. 이 도구에서는 각 항목을 클릭해 토큰, AST 노드, 바이트코드 명령 사이의 연결을 확인할 수 있습니다. 재생 막대로 실행을 되감거나 한 단계씩 진행하면서, 매 순간의 스택도 볼 수 있습니다.

실행기는 Crafting Interpreters의 바이트코드 가상 머신 clox입니다. 이를 WebAssembly로 컴파일해 제공합니다. 따라서 화면에서 확인하는 대상은 Lox의 컴파일과 해당 가상 머신의 실행입니다. 다른 언어를 배우거나 실제 프로젝트에서 버그를 찾으려는 목적이라면, 화면이 답해 주는 질문이 달라집니다.

Lox의 짧은 식을 입력한 뒤, 토큰 하나를 눌러 AST와 바이트코드에서 연결된 항목을 찾아보십시오. 실행을 한 단계씩 옮기며 스택의 값이 어떻게 달라지는지도 살펴보십시오. 각 변환과 실행 단계가 예상대로 이어지는지 확인하면, 어떤 표현에서 막히는지 드러납니다.

코드를 배울 때, 실행 결과와 중간 변환 과정 가운데 무엇부터 확인하시겠습니까?