JSON 포매팅이란
JSON(JavaScript Object Notation)은 웹에서 가장 많이 쓰이는 데이터 교환 형식입니다. API에서 오는 JSON은 보통 최소화된 상태(공백 없이 한 줄)라 읽기 어렵습니다. 보기 좋게 만들면 일관된 들여쓰기로 구조를 쉽게 파악할 수 있습니다.
최소화는 불필요한 공백을 제거해 전송 파일 크기를 줄입니다. 유효성 검사는 괄호 매칭·따옴표 처리된 키·쉼표 위치·값 형식이 올바른지 확인합니다.
JSON 포매터
JSON을 붙여넣고 보기 좋게·최소화·유효성 검사를 한 번에.
JSON을 보기 좋게 만들거나 최소화하는 법
JSON을 보기 좋게 만들려면 텍스트를 데이터 구조로 파싱한 뒤 일관된 줄바꿈과 들여쓰기(보통 2칸)로 다시 직렬화합니다. 최소화는 같은 구조를 공백 없이 다시 직렬화합니다. 예: {"a":1,"b":2}는 2칸 들여쓰기 4줄로 보기 좋게 변환되고, 다시 최소화하면 {"a":1,"b":2}로 돌아갑니다.
JSON 보기 좋게·최소화·유효성 검사 단계
- 원본 JSON 텍스트를 입력란에 붙여넣습니다.
- 보기 좋게 만들기를 선택하면 텍스트를 객체·배열 구조로 파싱한 뒤 2칸 들여쓰기와 키·배열 항목마다 줄바꿈을 넣어 다시 출력합니다.
- 최소화를 선택하면 같은 구조를 파싱하되 줄바꿈이나 여분 공백 없이 유효한 문법에 필요한 문자만 남겨 출력합니다.
- 유효성 검사를 선택하면 다시 포맷하지 않고 텍스트를 파싱만 시도합니다. 파싱에 성공하면 문법적으로 유효한 JSON입니다.
- 어느 단계든 파싱에 실패하면 예상치 못한 토큰·쉼표 누락·괄호 불일치 등 정확한 원인을 알려주므로 오류 위치를 찾아 고칠 수 있습니다.
보기 좋게 만들기 vs 최소화
보기 좋게: parse(텍스트) -> stringify(값, 들여쓰기=2) | 최소화: parse(텍스트) -> stringify(값, 들여쓰기=0)
- parse = JSON 텍스트를 객체·배열·문자열·숫자·불리언·null 등 메모리상 구조로 변환
- stringify = 그 구조를 들여쓰기 유무에 따라 다시 JSON 텍스트로 변환
보기 좋게·최소화 결과 예시
| 입력 | 보기 좋게(2칸 들여쓰기) | 최소화 |
|---|---|---|
| {"a":1,"b":2} | {⏎ "a": 1,⏎ "b": 2⏎} | {"a":1,"b":2} |
| [1,2,3] | [⏎ 1,⏎ 2,⏎ 3⏎] | [1,2,3] |
| {"x":{"y":true}} | {⏎ "x": {⏎ "y": true⏎ }⏎} | {"x":{"y":true}} |
자주 묻는 질문
분명 맞는 것 같은데 왜 유효하지 않다고 나오나요?
마지막 항목 뒤 쉼표, 키·문자열에 작은따옴표 사용, 따옴표 없는 키처럼 겉보기엔 눈에 잘 안 띄는 실수가 흔합니다. 이는 자바스크립트 객체 리터럴에서는 허용되지만 엄격한 JSON 문법에서는 허용되지 않습니다. 이 검사기는 엄격한 JSON 문법을 따르므로 자바스크립트와 비슷해 보여도 이런 부분에서 실패합니다.
JSON과 자바스크립트 객체는 어떻게 다른가요?
JSON은 엄격한 문법을 가진 텍스트 기반 데이터 형식입니다. 키는 반드시 큰따옴표로 감싼 문자열이어야 하고 마지막 쉼표는 금지되며 값 타입도 문자열·숫자·불리언·null·객체·배열로 고정되어 있습니다. 자바스크립트 객체 리터럴은 따옴표 없는 키·마지막 쉼표·함수·주석까지 허용하는 더 느슨한 문법이며 이 중 어느 것도 유효한 JSON이 아닙니다.
최소화하면 JSON이 나타내는 데이터가 바뀌나요?
아니요. 최소화는 문자열 값에 속하지 않는 공백만 제거하므로 파싱된 데이터 구조와 의미는 전후가 동일합니다. 전송·저장에 필요한 바이트 수만 달라집니다.
깊게 중첩된 JSON도 이 도구로 정리할 수 있나요?
네. 보기 좋게 만들기는 객체·배열의 깊이와 상관없이 재귀적으로 동작하며 중첩 단계마다 들여쓰기를 2칸씩 추가해 구조가 얼마나 깊어도 읽기 쉽게 유지합니다.
이 도구는 RFC 8259 표준 JSON을 검증·재포맷하며 JSON5·JSONC(주석 포함) 같은 확장 방언은 지원하지 않습니다. 매우 큰 입력(수 메가바이트)은 브라우저에서 처리가 느려질 수 있습니다.
근거·출처: RFC 8259 - JSON(JavaScript Object Notation) 데이터 교환 형식, ECMA-404 - JSON 데이터 교환 구문 표준
개인정보와 안전성
- 브라우저에서 계산 — 입력한 값은 사용 중인 기기 안에서만 계산됩니다. utilduck 서버로 전송되지 않습니다.
- 암호화된 연결 — 모든 페이지는 HTTPS로 제공되어 통신 구간에서 내용을 읽을 수 없습니다.
- 제3자에게 전달하지 않음 — 입력한 값은 분석·광고 서비스로 넘어가지 않습니다.
- 저장하지 않음 — 계산 결과를 서버에 저장하지 않으며 회원가입도 필요 없습니다.
최종 업데이트: 2026-08-17