tRPC Client Devtools 용 Google Chrome

tRPC 클라이언트 개발 도구: 쿼리, 뮤테이션 및 구독 검사를 위한 비공식 확장 프로그램

tRPC Client Devtools는 개발자가 tRPC 애플리케이션에서 쿼리, 뮤테이션 및 구독을 검사할 수 있는 비공식 확장 프로그램입니다. 이 Chrome 확장 프로그램은 이러한 작업의 입력, 출력 및 경과 시간을 분석하는 편리한 방법을 제공합니다.

tRPC Client Devtools를 사용하려면 몇 가지 간단한 단계를 따라야 합니다. 먼저 trpc-client-devtools-link npm 패키지를 설치하고 tRPC 클라이언트 구성에 추가하세요. tRPC v10을 사용하는 경우 @next 버전을 설치해야 합니다. 그다음 tRPC Client Devtools 확장 프로그램을 다운로드하고 설치하세요. 마지막으로 브라우저의 Devtools를 열고 tRPC 패널로 이동하여 쿼리, 뮤테이션 및 구독을 검사할 수 있습니다.

설치하면 tRPC Client Devtools는 "Elements" 및 "Console"과 같은 다른 탭과 함께 웹 브라우저의 검사기에서 "tRPC" 탭으로 표시됩니다. 이 확장 프로그램은 쿼리 검사기, 뮤테이션 검사기 및 구독 검사기라는 세 가지 주요 기능을 제공합니다. 이러한 기능을 사용하여 각각 발생한 쿼리, 뮤테이션 및 구독의 입력, 결과 및 경과 시간을 확인할 수 있습니다.