표준 타입 어노테이션을 사용해 JSON, MessagePack, YAML, TOML을 인코딩하고 디코딩하는 빠른 Python 직렬화 및 검증 라이브러리입니다.
AykutSarac/jsoncrack.com
JSON, YAML, CSV, XML을 인터랙티브 그래프로 시각화하고 형식 변환과 코드 생성을 지원하는 오픈소스 JSON 편집기입니다.
대체할 수 있는 제품:Oracle JSON Viewer
- 스타
- 44,515
- 포크
- 3,577
- 열린 이슈
- 46
- 마지막 커밋
- 지난달
어떤 프로젝트인가요?
JSON Crack은 JSON, YAML, CSV, XML 같은 구조화된 데이터를 인터랙티브 그래프나 트리로 시각화해 중첩 데이터를 더 쉽게 탐색하고, 형식을 지정하고, 검증할 수 있도록 합니다. 웹 앱, VS Code 확장 프로그램, Chrome 확장 프로그램, jsoncrack-react라는 npm 패키지로 제공됩니다.
시각화 외에도 JSON을 CSV로, XML을 JSON으로 변환하는 등 여러 형식 간 변환을 지원하며 TypeScript 인터페이스, Golang 구조체, Kotlin 데이터 클래스, Rust serde 타입, JSON Schema를 생성합니다. jq 및 JSONPath 쿼리를 실행하고 시각화 결과를 PNG, JPEG, SVG로 내보낼 수도 있습니다.
모든 데이터 처리는 브라우저에서 로컬로 이루어지므로 입력 데이터가 외부 서버에 저장되지 않습니다. 웹 앱은 Next.js와 React로 구축되었으며, pnpm 또는 Docker로 로컬에서 실행할 수 있습니다.
핵심 기능
- 01JSON, YAML, CSV, XML을 인터랙티브 그래프나 트리로 시각화합니다.
- 02JSON을 CSV로, XML을 JSON으로 변환하는 등 여러 형식 간 변환을 지원합니다.
- 03TypeScript, Golang, Kotlin, Rust 타입과 JSON Schema를 생성합니다.
- 04데이터에 jq 및 JSONPath 쿼리를 실행합니다.
- 05시각화 결과를 PNG, JPEG, SVG로 내보냅니다.
활용 사례
- 크거나 깊게 중첩된 API 응답을 탐색합니다.
- JSON, CSV, XML 간에 데이터를 빠르게 변환합니다.
- 샘플 JSON 페이로드에서 타입이 지정된 모델을 생성합니다.
- VS Code 확장 프로그램을 사용해 편집기에서 JSON 파일을 살펴봅니다.
빠른 시작
- 1
저장소를 클론합니다
git clone https://github.com/AykutSarac/jsoncrack.com.git - 2
프로젝트 폴더로 이동합니다
cd jsoncrack.com - 3
pnpm으로 패키지를 설치합니다
pnpm install - 4
웹 앱을 실행한 다음 http://localhost:3000/을 엽니다
pnpm dev:www
사용 전 알아둘 점
- 소스에서 실행하려면 Node.js 24 이상과 pnpm 10 이상이 필요합니다.
- README에는 소스 설정 방법만 안내되어 있으며, 패키지 형태의 데스크톱 설치 프로그램에 대한 설명은 없습니다.
토픽
자주 묻는 질문
- jsoncrack.com은(는) 무엇인가요?
- JSON, YAML, CSV, XML을 인터랙티브 그래프로 시각화하고 형식 변환과 코드 생성을 지원하는 오픈소스 JSON 편집기입니다. JSON Crack은 JSON, YAML, CSV, XML 같은 구조화된 데이터를 인터랙티브 그래프나 트리로 시각화해 중첩 데이터를 더 쉽게 탐색하고, 형식을 지정하고, 검증할 수 있도록 합니다. 웹 앱, VS Code 확장 프로그램, Chrome 확장 프로그램, jsoncrack-react라는 npm 패키지로 제공됩니다.
- jsoncrack.com은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- jsoncrack.com은(는) Apache-2.0 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- jsoncrack.com은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. jsoncrack.com의 마지막 커밋은 2026년 9월 14일입니다.
- jsoncrack.com은(는) 어디에 사용할 수 있나요?
- 크거나 깊게 중첩된 API 응답을 탐색합니다. JSON, CSV, XML 간에 데이터를 빠르게 변환합니다. 샘플 JSON 페이로드에서 타입이 지정된 모델을 생성합니다. VS Code 확장 프로그램을 사용해 편집기에서 JSON 파일을 살펴봅니다.
- jsoncrack.com는 어떻게 설치하나요?
- 저장소를 클론합니다: git clone https://github.com/AykutSarac/jsoncrack.com.git 프로젝트 폴더로 이동합니다: cd jsoncrack.com pnpm으로 패키지를 설치합니다: pnpm install 웹 앱을 실행한 다음 http://localhost:3000/을 엽니다: pnpm dev:www
- jsoncrack.com은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/AykutSarac/jsoncrack.com
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
하위 명령, 플래그, 셸 자동 완성, 도움말 생성을 지원하는 선언형 Go CLI 패키지입니다.
코딩 에이전트가 다이어그램, diff 리뷰, 계획, 표를 ASCII 아트 대신 스타일이 적용된 HTML 페이지로 렌더링하게 하는 에이전트 스킬입니다.
자연어 설명을 바탕으로 Claude Code 같은 에이전트가 Excalidraw 다이어그램을 생성하도록 하는 코딩 에이전트 스킬입니다.
짧은 JSON 사양을 애니메이션과 탐색이 가능한 다이어그램으로 만들고 SVG, PNG, GIF 또는 MP4로 내보내는 Claude 및 코딩 에이전트용 스킬입니다.
아이디어, 계획, 코드베이스를 인터랙티브 HTML 다이어그램으로 만드는 에이전트 스킬