tsrs 자주 묻는 질문
tsrs는 브라우저에서만 동작하는 TypeScript 타입 현미경입니다. 이 답변에서는 tsrs가 하는 일, 코드 처리 방식, 각 뷰를 읽는 방법을 다룹니다.
tsrs 소개
tsrs는 TypeScript와 에디터가 흔히 줄임표로 접어 두는 해석된 타입을 펼칩니다. 할당 가능성 실패를 구조적 diff로 바꾸고, Rust/WASM 엔진과 TypeScript 기준선으로 타입 검사 비용을 측정하며, npm 패키지의 선언 비용을 평가합니다. 모든 것이 브라우저에서 실행되며 계정, 업로드, 서버 측 컴파일러가 없습니다.
tsrs란 무엇인가요?
tsrs는 브라우저에서만 동작하는 TypeScript 타입 현미경입니다. 에디터가 줄임표로 숨긴 해석된 타입을 펼치고, 할당 가능성 오류를 구조적 diff로 바꾸며, Rust/WASM 엔진과 TypeScript 기준선으로 타입 검사 비용을 측정합니다.
Arena에서 무엇을 검사할 수 있나요?
Arena는 Type X-Ray 타입 트리, 구조적 할당 가능성 실패에 대한 Error Diff, 전체 진단 목록, 제네릭별 Cost Lens 측정을 보여 줍니다. 네 가지 프리셋이 깊은 오류, zod와 tRPC 타입, 재귀 타입, 스트레스 케이스를 다룹니다.
tsrs가 제 코드를 업로드하나요?
아니요. 컴파일은 브라우저 안의 Web Worker에서 실행됩니다. 공유 링크는 압축된 재현 내용을 URL fragment에 보관하며, 이 부분은 서버로 전송되지 않습니다. 계정이나 데이터베이스에도 저장되지 않습니다.
npm 타입 보고서는 어떻게 동작하나요?
보고서는 브라우저에서 jsdelivr로부터 패키지의 공개 TypeScript 선언을 가져온 뒤, 선언 크기, 내보낸 심볼, 타입 검사 비용을 로컬에서 측정합니다. 결과는 브라우저 Cache API에 캐시됩니다.
tsrs가 tsc나 제 IDE를 대체하나요?
아니요. 타입 검사기는 표준 TypeScript입니다. tsrs는 같은 정보에 다른 관점을 더합니다: 해석된 타입, 구조적 오류 diff, 비용 측정입니다. 일상 작업에서는 CI와 에디터에서 tsc를 계속 사용하세요.
Arena와 npm 페이지에 COOP/COEP가 필요한 이유는 무엇인가요?
tsrs는 Cross-Origin-Opener-Policy와 Cross-Origin-Embedder-Policy 헤더를 보내 페이지를 교차 출처 격리 상태로 만듭니다. 이 격리는 속도계가 사용하는 고해상도 타이머를 활성화하고 WebAssembly worker를 안정적으로 유지합니다.
인터페이스는 어떤 언어를 지원하나요?
인터페이스는 영어, 중국어 간체, 일본어, 한국어를 지원하며 선택은 로컬에 저장됩니다. JavaScript가 활성화되어 있으면 헤더의 언어 메뉴에서 이 문서를 그 자리에서 전환할 수 있습니다. URL은 /faq 그대로입니다.
tsrs는 무료이며 오픈 소스인가요?
예. tsrs는 계정도 유료 등급도 없이 전부 브라우저에서 실행됩니다. 소스 코드, 설계 노트, 릴리스 기록은 GitHub의 oxc-project/tsrs 저장소에서 확인할 수 있습니다.