예시
입력 (압축된 JSON)
{"name":"yutils","version":"0.1.0","private":true,"tools":55}출력 (공백 2칸 + 키 정렬)
{
"name": "yutils",
"private": true,
"tools": 55,
"version": "0.1.0"
}참고
키 정렬을 켜면 두 JSON 값의 diff를 시각적으로 비교하기 쉬워집니다. 트리 뷰에서는 같은 결과를 펼쳐 보거나 깊이별로 접을 수 있습니다.
사용법 / 자주 묻는 질문
이런 경우 사용하세요
- 압축된 API 응답 JSON을 들여쓰기 입혀 사람이 읽을 수 있게 정리
- 쉼표·따옴표·괄호 누락 같은 문법 오류 위치를 빠르게 찾기
- 들여쓴 JSON을 한 줄로 압축해 공유·전송에 적합한 형태로 변환
- 키 정렬 옵션으로 두 JSON 값의 시각적 비교·diff 준비
- 트리 뷰로 깊이 중첩된 JSON 구조 탐색
- MongoDB Extended JSON(DataGrip 등 export 결과)도 트리 뷰에서 자동 인식
자주 묻는 질문
- Q.입력한 JSON이 외부로 전송되나요?
- A.아닙니다. 모든 처리는 브라우저에서만 이뤄집니다. JSON 안에 든 JWT·시크릿 등이 서버로 나가지 않습니다.
- Q.JSON에 주석이 있는데 오류가 납니다.
- A.표준 JSON 스펙은 주석을 허용하지 않습니다. JSONC·JSON5 변형을 쓰거나 YAML로 변환(yaml-json 도구)해서 다루는 방법이 있습니다.
- Q.트리 뷰의 값 색상은 어떤 기준인가요?
- A.타입 기준 — 문자열=emerald, 숫자=blue, 불리언=amber, null=gray. EJSON wrapper는 추가 색(ObjectId=violet, Date=orange 등)이 입혀집니다.
재미있는 사실
Douglas Crockford는 JSON을 "발명"하지 않았다고 강조해 왔습니다. 그의 말 — "JavaScript object literal에서 발견했을 뿐, 만든 게 아니다." 2001년 그가 한 일은 이 형식에 이름을 붙이고(JSON), json.org를 만들고, 도메인을 통째로 사서 공유한 것. 표준화는 결과였지 의도가 아니었습니다.
CrockfordJSON에 주석이 없는 건 실수가 아니라 Crockford의 의도입니다. 그는 사람들이 주석을 파싱 지시문(예: `// utf-8` 같은 헤더)으로 악용하기 시작하는 걸 보고 일부러 제거했다고 합니다. "주석을 빼는 게 표준 충돌을 미연에 방지했다."
Crockford on G+ (2012)JSON 표준은 한 번이 아니라 여러 번 정의됐습니다 — RFC 4627(2006), ECMA-404(2013), RFC 7159(2014), ECMA-404 2판(2017), RFC 8259(2017). 표준이 6개라는 건 "누구도 처음에 정확히 못 박았다"의 다른 표현. 지금 기준은 RFC 8259 + ECMA-404 2판.
RFC 8259
관련 도구
- 문자열 케이스 변환
문자열을 camelCase·PascalCase·snake_case·kebab-case·CONSTANT_CASE·Title Case 6개 형태로 동시에 변환해 보여줍니다.
- 정규식 테스터
JavaScript 정규식을 실시간으로 테스트합니다. g/i/m/s/u/y 플래그와 캡처 그룹을 지원합니다.
- Markdown 프리뷰
Markdown을 HTML로 렌더링하여 좌·우로 비교 표시합니다. CommonMark + GFM(테이블·코드 펜스·태스크 리스트) 지원.
- HTML → Markdown
HTML을 Markdown으로 변환합니다. 헤딩·리스트·링크·코드·표·인용 지원. 브라우저 DOMParser 사용 — 정확하고 0 dependency.
- YAML ↔ JSON 변환
YAML과 JSON을 양방향 변환합니다. YAML 측의 주석·멀티라인 문자열을 허용합니다.
- 텍스트 비교
두 텍스트를 줄·단어·문자 단위로 비교하고 추가/삭제를 강조합니다.
- JSON 비교
두 JSON을 정렬·정규화 후 비교, 변경점을 강조합니다. 잘못된 JSON 에러 안내 포함.
- CSV ↔ JSON
CSV와 JSON을 상호 변환합니다. 쿼팅·구분자·헤더 행을 지원합니다.
- SQL 포매터
SQL 쿼리를 들여쓰기·키워드 케이스에 맞게 포매팅합니다. PostgreSQL/MySQL/SQLite/Standard 지원.
- XML 포매터
XML을 보기 좋게 포매팅하거나 압축합니다. SOAP·sitemap·설정 파일에 적합.
- XML ↔ JSON
XML과 JSON을 상호 변환합니다. 속성과 요소 표기를 모두 지원합니다.
- 스마트 붙여넣기
어떤 텍스트든 붙여넣으면 적합한 도구를 추천합니다 — JSON·JWT·Base64·URL·UUID·Cron 등 15종 자동 감지.
- 로렘 입숨 생성기
더미 텍스트를 단어·문장·문단 단위로 생성합니다. 정통 Lorem Ipsum 또는 랜덤.
- JSON Path 추출기
JSONPath 표현식($.store.book[*].author 등)으로 JSON에서 값을 추출합니다.
- JSON Schema 검증기
JSON 데이터를 JSON Schema(Draft 2020-12)로 검증합니다. Ajv + format 검증 지원.
- JSON Schema 생성기
샘플 JSON에서 JSON Schema(Draft 2020-12)를 자동 생성합니다. 타입·필수 필드·중첩 구조 추론.
- HTML 포매터
HTML을 보기 좋게 들여쓰기·압축·속성 정렬합니다.
- CSS 포매터
CSS를 들여쓰기·압축합니다. 셀렉터·속성 스타일 옵션.
- JavaScript 포매터
JavaScript를 들여쓰기·압축합니다. 중괄호 스타일/들여쓰기 옵션.
- TOML ↔ JSON
TOML과 JSON을 상호 변환합니다. Cargo.toml, pyproject.toml 등 설정 파일에 자주 사용.
- INI ↔ JSON
INI 설정 파일을 JSON으로 변환합니다. [section]·주석(;/#)·key=value 지원.
- JSON → TypeScript
JSON 샘플로 TypeScript interface를 생성합니다. 중첩 객체는 별도 interface로 분리.
- JS Object → JSON
JavaScript 객체 리터럴(따옴표 없는 키, 작은따옴표, trailing comma, 주석)을 표준 JSON 으로 변환합니다. 관대한 파서, 엄격한 출력.
- Slug 생성기
텍스트를 URL-safe slug으로 변환합니다. 구분자/대소문자/악센트 제거 옵션.
- ASCII 트리
들여쓰기 또는 경로 목록을 box-drawing 트리(├── │ └──)로 변환합니다.
- Diff 패치
두 텍스트로부터 unified diff(-u) 패치를 생성합니다. `git apply` / `patch -p0` 호환.
- Mock 데이터 생성기
이름·이메일·UUID·날짜 등 가짜 JSON 레코드를 생성합니다. 외부 의존 없음.
- MongoDB Extended JSON
MongoDB Extended JSON(EJSON)을 Canonical ↔ Relaxed 양방향 변환하거나, BSON wrapper를 제거해 일반 JSON으로 만듭니다. 16종 wrapper 인식 ($oid/$date/$numberLong/$numberDecimal/$binary/…).