매일 손이 가는 개발자 도구를 한곳에.

변환기, 포맷터, 해시, 검증기, 그리고 계속 다시 열게 되는 작은 유틸리티들이 여러 탭에 흩어지지 않고 한자리에 모여 있습니다.

/ 도구

■

/ 도구 찾기

도구 109개

/ 트랜잭션 트레이스 시각화 도구

입력 방식

Trace JSON (debug_traceTransaction에서)

트랜잭션 Trace: 모든 내부 호출, gas 사용량, 반환 값을 포함한 트랜잭션의 전체 호출 그래프를 시각화합니다.

사용: debug_traceTransaction 함께 callTracer 로 trace 데이터를 얻으세요. 노드를 클릭하면 펼치거나 접어서 상세한 호출 정보를 볼 수 있습니다.

/ 선택한 도구

■

트랜잭션 트레이스 시각화 도구 - 무료 Web3 도구

호출 계층 구조와 함께 트랜잭션 실행 트레이스를 시각화합니다

■ 01

Transaction Tracing이란?

Transaction tracing은 컨트랙트 간의 모든 내부 호출을 포함해 트랜잭션의 전체 실행 경로를 포착합니다. 복잡한 트랜잭션을 디버깅하고 컨트랙트 상호작용을 이해하는 데 필수적입니다.

■ 02

어떻게 작동하나요?

Transaction tracing은 callTracer와 함께 debug_traceTransaction RPC 메서드를 사용해 모든 내부 호출, 가스 사용량, 입출력 데이터, 상태 변화를 기록합니다. 트레이스는 계층적 트리 구조로 반환되어 보여줍니다…

■ 03

예시 사례

ERC-20 Transfer - Simple CALL, Uniswap V3 Swap - Complex Multi-call Chain, Aave Flash Loan - CALL + DELEGATECALL Pattern을 다루어 일반적인 입력과 출력을 빠르게 비교할 수 있습니다.

/ 관련 도구

/ 코드

■

선택한 도구의 소스 코드로, 오른쪽의 실시간 버전과 함께 여기에 표시됩니다.

/ 소스 코드

TypeScript

typescript

// npm install viem

import { createPublicClient, http } from 'viem';
import { mainnet } from 'viem/chains';

const client = createPublicClient({
  chain: mainnet,
  transport: http("https://eth-mainnet.g.alchemy.com/v2/YOUR_KEY")
});