const JSON 압축 = () => {

공백과 줄 바꿈을 제거하고 JSON를 한 줄로 압축합니다.
네트워크 요청이 없고 원시 데이터가 브라우저를 떠나지 않습니다.

40개 이상의 로컬 도구 · JSON 처리 · 형식 변환 · 인코딩 및 디코딩 · 텍스트 지원

이미지를 클릭하거나 드래그하세요(로컬에서 처리됨, 업로드되지 않음)

이미지를 클릭하거나 드래그하세요.

품질 가장 긴 쪽 格式

준비가 된 볼륨: 0B 소요 시간: 0ms

UTF-8 들여쓰기: 공백 4개 JSON

도구 선택

아래 도구 라이브러리에서 카테고리를 클릭한 후 카드를 클릭하세요. 작업 공간 제목이 즉시 해당 기능으로 전환됩니다.

게시물 내용

JSON, 코드 또는 비밀 텍스트를 왼쪽에 붙입니다. 대부분의 도구는 "실행"을 클릭할 필요 없이 입력 후 자동으로 결과를 생성합니다.

결과 보기

오른쪽은 처리 결과입니다. JSON 서식을 "트리/시각화"로 전환할 수 있습니다. 비교 도구는 추가, 삭제 및 수정 사항을 강조 표시합니다.

복사 또는 공유

결과를 복사하거나, 파일을 다운로드하거나, "공유"를 클릭하여 Hash 링크를 생성하세요. 데이터는 브라우저 주소 표시줄에만 기록되며 서버에는 보고되지 않습니다.

도구 라이브러리 메뉴

카테고리별로 모듈을 선택하면 아래 카드와 샘플 장면이 함께 전환됩니다.

예시 및 시나리오

현재의 ·JSON 코어

"채우기"를 클릭하여 도구를 열고 샘플을 작성하면 결과를 직접 확인할 수 있습니다.

JSON 형식

인터페이스 응답 미화

압축 JSON 들여쓰기 및 잘라내기 트리 보기 확장

{
  "status": "success",
  "code": 200,
  "data": { "user": { "id": 1001, "name": "Ada" }, "list": [1, 2, 3] }
}

JSON 문법 확인

추가 쉼표 찾기

일반적인 예상치 못한 토큰 대신 오류 줄을 표시합니다.

{
  "ok": true,
  "msg": "多余逗号会报错",
}

JSON5 분석

JSON5 → 표준 JSON

주석, 작은따옴표 및 후행 쉼표는 구문 분석 가능한 것으로 변환됩니다 JSON

{
  // 配置注释
  env: 'dev',
  retries: 3,
  hosts: ['a.local', 'b.local',],
}

JSONPath 쿼리

가격 > 20

표현$.store.book[?(@.price>20)].title→ 삼체, 알고리즘

{
  "store": {
    "book": [
      { "title": "三体", "price": 48 },
      { "title": "JSON 手册", "price": 12 },
      { "title": "算法", "price": 88 }
    ]
  }
}

JSON 비교 Diff

두 가지 배포 구성

복제본 변경, 디버그 삭제, 지역 추가

오래된

{"env":"prod","replicas":2,"debug":false}

B 새로운

{"env":"prod","replicas":4,"region":"cn-east"}

JSON 키 정렬

키를 알파벳순으로 정렬

중첩된 개체도 쉽게 비교하기 위해 재배열됩니다.

{
  "z": 1,
  "m": 2,
  "a": { "c": 3, "b": 2 }
}

JSON ↔ YAML

JSON → YAML

K8s 드래프트용으로 JSON → YAML 방향을 선택하였습니다.

{
  "service": "api",
  "replicas": 2,
  "ports": [80, 443]
}

엔터티 코드 생성

JSON → TypeScript

언어는 TypeScript이며 중첩은 여러 수준의 유형으로 분할됩니다.

{
  "id": 1,
  "name": "Ada",
  "tags": ["dev"],
  "profile": { "city": "Shanghai", "vip": true }
}

JSON ↔ XML

JSON → XML

방향은 JSON → XML로 선택되었으며 루트 노드는 루트 레이어로 래핑됩니다.

{
  "user": { "name": "Ada", "age": 18, "tags": ["dev", "ops"] }
}

JSON ↔ CSV

JSON → CSV

방향은 JSON → CSV로 선택되었으며, 첫 번째 줄이 헤더로 사용되었습니다.

[
  { "id": 1, "name": "Ada" },
  { "id": 2, "name": "Bob" }
]

JSON → SQL INSERT

JSON → INSERT

테이블 이름은 선택된 사용자입니다.

[
  { "id": 1, "name": "Ada" },
  { "id": 2, "name": "Bob" }
]

낙타 케이스/밑줄

snake_case → camelCase

CamelCase를 대상으로 선택하고 중첩된 키를 함께 변경합니다.

{
  "user_id": 1,
  "nick_name": "Ada",
  "profile_info": { "city_name": "SH" }
}

코드 미화/압축

JS 미화

선택한 JS 미화 유형

function hello(name){if(!name)return;console.log('hi '+name)}

코드 미화/압축

SQL 미화

유형이 선택됨 SQL 미화

select u.id, u.name
from users u
join orders o on u.id = o.user_id
where o.amount > 100
order by o.created_at desc;

코드 미화/압축

CSS 미화

유형이 선택됨 CSS 미화

.box{display:flex;align-items:center;background:#2563eb;padding:8px 16px}

Base64 인코딩

중국어 → Base64

디코딩 대신 "Base64 디코드"를 사용해 주세요.

DevBox 로컬 도구 상자

URL 인코딩

쿼리 매개변수 인코딩

한자와 공백은 %XX가 됩니다.

https://api.example.com/search?keyword=格式化 JSON

해시시

SHA-256

알고리즘이 선택되었습니다 SHA-256, 동일한 입력 요약은 변경되지 않습니다.

hello-devbox

타임스탬프

유닉스 → 현지 시간

10자리(초), 13자리(밀리초)

1710000000

Unicode 중국어에서 중국어로 변환

한자 → \u

방향은 한자를 선택했습니다 → \u

안녕하세요DevBox

JWT

구문 분석 토큰

토큰을 붙여넣은 후 구문 분석을 클릭합니다. 프로덕션 키를 사용하지 마세요

header.payload.signature

HTML 탈출/탈출

HTML 탈출

라벨이 DOM으로 처리되는 것을 방지하기 위해 이스케이프 방향을 선택했습니다.

<div class="box">A & B</div>

문자열 처리

행별로 중복 제거

행별로 중복 항목을 제거하고 첫 번째 항목을 유지하는 작업이 선택되었습니다.

Ada
Bob
Ada
Cara

정기시험

숫자 추출

표현\d+, 선택된 플래그 g

order-1001 paid 88
order-1002 paid 12

문자열 처리

단어 수

선택한 문자/라인 통계를 조작합니다.

Hello JSONNote
JSON 工具箱

간단한 JS 작업

짧은 JS 실행

샌드박스 iframe, 신뢰할 수 없는 코드를 게시하지 마세요

const sum = (a, b) => a + b;
sum(1, 2);

QR 코드

문자 → QR코드

입력 후 'QR코드 생성'을 클릭하세요.

https://jsonnote.com

CSS 그라데이션 생성

키 CSS 기울기

시작점/끝점/각도 변경 및 배경 복사

linear-gradient(135deg, #2563eb, #a855f7)

이미지 압축

지역 지도

업로드하지 않고 드래그만 하면 됩니다. 조정 가능한 질량과 가장 긴 측면

JPG / PNG / WebP

사용 지침

모듈별로 언제 어떤 도구를 사용해야 하는지 알아보세요. "도구 보기"를 클릭하면 해당 카테고리로 이동한 후 위의 예를 사용하여 한 번의 클릭으로 작업 공간을 채웁니다.

JSON 코어

인터페이스 디버깅, 로그 문제 해결 및 구성 비교에 가장 일반적으로 사용됩니다. 구조를 보려면 먼저 포맷하는 것이 좋습니다. 구문에 문제가 있는 경우 확인을 사용하여 줄 번호를 찾으세요.

응답 본문을 한 줄로 압축하여 붙여넣고 "JSON 형식"을 선택하면 오른쪽이 확장됩니다. 트리 뷰는 키 값을 직접 변경할 수 있습니다. 주소에서 로드해야 하는 경우 확인 후 "Pull"을 클릭합니다(네트워크 요청이 시작됩니다).
신문Unexpected token대신 "구문 검사"를 사용하면 추가 쉼표와 누락된 괄호가 있는 줄이 표시됩니다.
주석이나 후행 쉼표가 있는 구성에는 "JSON5 구문 분석"을 사용하세요. 그러면 표준 JSON이 출력됩니다.
두 구성을 비교하려면: "JSON 비교 Diff"를 엽니다. 하나로 결합하려면 "JSON 병합"을 사용하세요.
일부 필드만 선택하세요. "JSONPath"를 엽니다. 계약을 추론하거나 확인하려면 "JSON Schema"을 사용하세요.

오른쪽 상단의 "설정"에서 들여쓰기 간격을 변경하면 서식 및 키 정렬도 변경됩니다.

도구 보기

다중 형식 변환 및 엔터티

운영 및 유지 관리 구성과 백엔드 모델을 연결할 때 온라인 변환 스테이션을 왔다 갔다 할 필요가 없습니다.

JSON ← YAML / TOML / XML / CSV: 방향을 먼저 선택한 후 원본 텍스트를 붙여넣습니다.
XML 분석 가능한 문서여야 합니다. JSON→XML일 때 루트 노드는 하나의 레이어로 래핑됩니다.root.
"엔티티 코드 생성"은 Java, Go, Python, TypeScript, C#, PHP, Kotlin, Swift, Rust, GraphQL 등에서 작동할 수 있습니다.
JSON → SQL INSERT, 컬/포스트맨 상호 변환, 카멜케이스 밑줄 변경 키는 모두 상호 변환으로 분류됩니다.

변환에 실패하면 오른쪽의 오류 메시지를 확인하세요. 먼저 포맷하여 JSON이 합법적인지 확인한 다음 서로 변환하면 성공률이 높아집니다.

도구 보기

코드 미화 및 텍스트 Diff

JS / SQL 조각을 한 줄에 압축하여 게시하거나 두 개의 로그 또는 구성 초안을 비교하세요.

"코드 미화/압축"은 먼저 유형(JS 미화, SQL 미화 등)을 선택하면 오른쪽에 결과가 나타납니다.
압축 옵션은 주석과 중복된 공백을 제거하므로 볼륨 비교에 적합하고 프로덕션 빌더로 사용하기에는 적합하지 않습니다.
"텍스트 Diff"은 왼쪽 및 오른쪽 열의 텍스트이며 차이점은 선으로 강조 표시됩니다. JSON일 필요는 없습니다.

미화 유형은 작업 공간의 오른쪽 상단에서 전환됩니다.

도구 보기

인코딩, 해싱, JWT, RSA

모두 브라우저 내에서 계산됩니다. 생산을 위해 키, 토큰, 일반 텍스트를 사용하지 말고 실제 개인 정보를 게시하지 마십시오.

Base64 / URL: 인코딩과 디코딩은 두 가지 도구이므로 거꾸로 붙여넣지 않도록 주의하세요.
해시: 텍스트 또는 로컬 파일 HMAC는 오른쪽의 키를 입력해야 합니다. 무결성 우선 SHA-256 / SHA-512.
JWT: 구문 분석을 통해 유닉스/ISO/로컬 시간이 제공됩니다. 생성 및 검증은 HS256 또는 RS256이 될 수 있습니다.
AES-GCM: 비밀번호 파생 키, 암호문은 JSON입니다. RSA 여전히 "키 생성"을 먼저 한 다음 암호를 해독합니다.
타임스탬프: 순전히 디지털이며 초 또는 밀리초 단위로 자동 판단됩니다. "현재 시간"을 사용하여 한 번의 클릭으로 로컬 및 ISO를 입력할 수도 있습니다.

키는 로컬에서만 처리되며 프로덕션 환경 데이터를 게시하지 않습니다.

도구 보기

문자 지원

이스케이프, 중복 제거, 정규화 및 단어 계산은 목록, 로그 조각 및 페이지에 삽입할 텍스트를 처리하는 데 적합합니다.

HTML 탈출: 넣다<div>페이지에 안전하게 삽입할 수 있는, 혹은 반전시킬 수 있는 입체적인 캐릭터가 되어보세요.
문자열 처리: 공백, 개행, 대문자 및 소문자 제거, 중복 제거, 빈 줄 제거, 문자 통계.
정규 테스트: 정규식 열을 채우고 옵션에서 플래그를 선택하면 일치하는 항목이 강조 표시됩니다.

동일한 도구로 옵션을 변경하여 공백, 케이스 및 분할 배열을 제거할 수 있습니다.

도구 보기

기타 가젯

이미지, QR 코드, 그래디언트 및 짧은 JS는 모두 로컬에서 처리되며 서버를 거치지 않습니다.

간단한 JS 실행: 샌드박스 iframe에서 짧은 스크립트를 실행합니다.신뢰할 수 없는 코드를 붙여넣지 마세요.
이미지 압축/형식 변환/Exif: 로컬 캔버스 또는 구문 분석, 업로드 아님.
QR 코드: 생성할 텍스트를 입력하거나 인식할 이미지를 드래그합니다.
CSS 그라데이션: 시작점, 끝점, 각도를 조정하고 생성된 내용을 복사합니다.background성명.

이미지와 QR코드는 브라우저에서 완성되며, 파일은 업로드되지 않습니다.

도구 보기

JSON 압축 사용 방법

아래 도구 라이브러리에서 현재 도구가 선택되어 있는지 확인하십시오(또는 카테고리 탭에서 전환).
왼쪽 입력 영역에 JSON 또는 텍스트를 붙여넣습니다.
결과는 오른쪽에 자동으로 표시됩니다. 필요한 경우 복사, 다운로드하거나 "공유"를 클릭할 수 있습니다.

FAQ

압축 후 읽을 수 있는 형식을 복원할 수 있습니까?
예, JSON 서식 도구를 사용하여 들여쓰기를 확장할 수 있습니다.

관련 도구:JSON 형식 · JSON 탈출 · JSON 문법 확인 · 보기JSON 핵심

제품 문서

01.데이터 보안 및 로컬 컴퓨팅

JSON 처리, 인코딩, 디코딩, 해싱, JWT, RSA 등이 모두 브라우저 내에서 수행됩니다. 원본 텍스트백엔드에 제출되지 않습니다.. 키와 개인 데이터를 온라인 페이지에 붙여넣는 것은 여전히 권장되지 않습니다.

02.실시간 피드백 및 공유

흔들림 방지를 입력한 후 즉시 결과를 확인할 수 있습니다. 사용할 링크 공유#tool=&data=Hash 서버가 콘텐츠를 저장하지 못하도록 매개변수를 전달하고 스크립트 호출에 적응합니다.

03.작업 공간 버튼 설명

전체 화면: 상단바와 툴 라이브러리를 숨기고 에디터만 남깁니다.
공유하다: 현재 도구를 인코딩하여 Hash 주소에 입력하고, 완성된 URL을 동료에게 보내 재현합니다.
다운로드: 오른쪽의 결과를 파일로 저장합니다.
결과 지우기/복사: 입력 내용을 지우거나 클립보드에 씁니다.

04.FAQ

붙여넣은 후 출력이 나오지 않는 이유는 무엇입니까?

RSA, JWT, 그림, 그라디언트 및 JS 러너는 패널의 버튼을 클릭해야 합니다. 나머지 도구는 약 120ms의 일시 중지 후 자동으로 입력을 처리합니다.
JSON 당연히 이해는 되는데 불법이라고 하네요?

표준 JSON에서는 주석, 작은따옴표 및 후행 쉼표를 허용하지 않습니다. 이러한 유형의 텍스트를 분석하려면 JSON5를 사용하거나, 먼저 댓글을 삭제한 다음 형식을 지정하세요.
공유 링크가 특별히 긴가요?

데이터는 Hash로 작성되며 크기는 브라우저 길이 URL에 따라 제한됩니다. 대용량 파일을 로컬에 붙여넣고 공유 링크에 의존하지 마세요.
다음에는 어두운 테마가 켜질까요?

테마, 들여쓰기, 글꼴 크기는 로컬 컴퓨터 localStorage에 존재하며 브라우저를 변경하거나 사이트 데이터를 지운 후 재설정해야 합니다.

0 ms

네트워크 전송 지연 없음

100%

순수 클라이언트 작업

40+

로컬 도구 모듈

도구 선택

게시물 내용

결과 보기

복사 또는 공유

도구 라이브러리 메뉴

예시 및 시나리오

사용 지침

JSON 코어

다중 형식 변환 및 엔터티

코드 미화 및 텍스트 Diff

인코딩, 해싱, JWT, RSA

문자 지원

기타 가젯

JSON 압축 사용 방법

FAQ

제품 문서

01.데이터 보안 및 로컬 컴퓨팅

02.실시간 피드백 및 공유

03.작업 공간 버튼 설명

04.FAQ

에디터 설정