AykutSarac/jsoncrack.com

JSON 데이터를 인터랙티브 그래프로 시각화하는 오픈소스 에디터

설치형 도구맘대로 써도 됨 · Apache-2.0웹·Next.js·풀스택난이도
44,132+641이번 주3,55526TypeScript
데모·홈페이지 열기jsoncrack.com
중간맛 분석

TypeScript + React + Next.js로 만들어진 웹 기반 JSON 편집 도구입니다. 즉시 실행 가능한 온라인 버전(jsoncrack.com)은 물론 VS Code 확장, Chrome 확장, npm 패키지로도 이용 가능합니다. 데이터 변환(JSON↔CSV↔XML), 포맷팅, 유효성 검사, TypeScript/Go/Kotlin/Rust 코드 생성, jq 쿼리 실행, PNG/JPEG/SVG 내보내기 등 풍부한 기능을 제공하며 개발 중에 바로 활용할 수 있습니다.

이런 레포예요

이럴 때 쓰면 좋아요

  • 복잡한 JSON 응답 구조를 빠르게 이해하고 탐색할 때
  • API 문서화를 위해 JSON Schema를 자동 생성하고 검증할 때
  • CSV/XML 등 여러 데이터 형식 간 변환이 필요한 개발 작업에서

핵심 기능

JSON을 인터랙티브 그래프/트리로 즉시 시각화JSON↔CSV↔YAML↔XML 형식 변환 및 코드 생성 (TS/Go/Kotlin/Rust)jq·JSON Path 쿼리 실행 및 로컬 프라이버시 처리

대안 대비 차별점

시각화 전문성과 함께 코드 생성·다중 포맷 변환·검증을 통합하고, 오픈소스로 확장 가능하면서도 web/VS Code/Chrome 등 다양한 플랫폼 지원을 제공합니다.

준비물
  • Node.js >=24.x
  • pnpm >=10
바로 시작하기
  1. git clone https://github.com/AykutSarac/jsoncrack.com.git 2. cd jsoncrack.com && pnpm install 3. pnpm dev:www (http://localhost:3000에서 실행)
별 추이 · 7일
44,132+641 / 7일
활용성 · 따라 만들기 좋은가
샘플 점수 34/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2022년 생성

AI가 README 기반으로 요약했습니다 · 원문 보기