🏷️ 관련 기술 태그:#AST#TypeScript#TypeSafety#CyclomaticComplexity#DeadCode#StaticAnalysis#ClientSide
📖

브라우저 로컬 소스코드 AST & 코드 헬스 검사기 가이드

소스코드의 AST (Abstract Syntax Tree 구문 분석 트리)를 분석하고, TypeScript 타입 안전도 점수(%), 순환 복잡도, 미사용 코드(Dead Code)를 정적으로 검사하는 작업은 기존에 무거운 CLI 도구를 설치하거나 외부 클라우드 서비스에 코드를 올려야 했습니다. 사내 기밀 소스코드를 외부 서버로 업로드하는 것은 심각한 보안 유출 위험을 동반합니다. 본 도구는 100% 사용자의 브라우저 메모리 안에서만 로컬 연산하여, 단 1바이트의 외부 통신 없이 코드 AST 구조와 품질을 0.5초 만에 리포팅해 줍니다.

✨ 주요 핵심 기능

  • •JavaScript, TypeScript, JSX, TSX AST 구문 구조 100% 브라우저 로컬 파싱
  • •명시적 타입 정의 대 불안전 "any" 사용률 기반 타입 안전성 점수(%) 계산
  • •코드 분기문 기반 순환 복잡도 (Cyclomatic Complexity) 측정
  • •미사용 변수 및 무더기 Import 등 미사용 코드 (Dead Code) 자동 감지
  • •서버 전송 0Byte로 사내 기밀 코드 유출 위험 0% 보장

🚀 빠른 사용 방법

  1. 1JavaScript 또는 TypeScript 소스코드를 좌측 입력창에 붙여넣거나 "샘플 TS 소스코드 로드" 버튼을 누릅니다.
  2. 2코드 헬스 리포트 탭에서 타입 안전성 점수(%)와 순환 복잡도 점수를 확인합니다.
  3. 3AST 구문 트리 탭에서 토큰 계층 구조를 시각적으로 탐색합니다.
  4. 4경고 탭에서 any 타입 오용 및 미사용 변수 알림을 점검합니다.
🔒100% 클라이언트 사이드 보안 아키텍처

모든 AST 파싱 및 메트릭 연산은 사용자의 브라우저 내장 런타임에서 작동하며 외부 네트워크 통신이 전혀 발생하지 않습니다.

💡실무 기술 가이드 & 자주 묻는 질문 (FAQ)

2 개 질문 & 답변 가이드

Q1.회사 사내 기밀 소스코드를 붙여넣어도 유출 우려가 없나요?

네, 100% 안전합니다. 모든 파싱 및 코드 점수는 사용자의 브라우저 메모리 안에서만 100% 연산되며 네트워크 요청(Network Request)이 0건입니다.

Q2.순환 복잡도(Cyclomatic Complexity)란 무엇인가요?

순환 복잡도는 코드 내 조건문(if, switch, for 등) 분기 경로의 수를 나타내는 지표입니다. 복잡도가 높을수록 버그 발생률이 높아지고 단체 테스트 작성이 어려워지므로 리팩토링이 필요합니다.