data_object JSON 포맷터 star

작동 방식

JSON(JavaScript Object Notation)은 단순히 "자바스크립트풍 데이터"가 아니라 RFC 8259로 정의된 엄격하고 독립적인 형식입니다. 문법은 자바스크립트 객체 리터럴과 비슷해 보이지만 규칙은 훨씬 더 엄격합니다. 모든 키와 모든 문자열 값은 반드시 큰따옴표("key")를 사용해야 하며 작은따옴표는 절대 허용되지 않습니다. 객체나 배열의 마지막 요소 뒤에 오는 쉼표, 즉 트레일링 쉼표는 명백한 구문 오류입니다. 그리고 undefined, 함수, 주석, NaN 같은 자바스크립트 전용 개념은 JSON에 전혀 대응되지 않습니다. 이 도구는 입력한 내용을 브라우저 내장 JSON.parse() 엔진으로 그대로 처리하므로, 실제 운영 환경의 API 클라이언트나 설정 로더가 사용하는 것과 동일한 파서이며 여기서 표시되는 오류는 실제 시스템에서도 동일하게 발생합니다.

예를 들어 {'id': 12, 'active': true,}는 두 가지 이유로 유효성 검사에 실패합니다. id 주위의 작은따옴표가 유효하지 않고, true 뒤의 트레일링 쉼표도 유효하지 않습니다. 올바른 형태는 {"id": 12, "active": true}입니다. JSON이 정상적으로 파싱되면 정렬(Beautify) 기능이 중첩된 모든 단계를 다시 들여쓰기 하므로, 배열 안의 객체, 그 안의 배열까지 눈으로 추적할 수 있게 됩니다. 이는 API 응답에서 여섯 단계 깊이에 숨어 있는 괄호 하나를 찾을 때 특히 중요합니다. 압축(Minify)은 정반대로 동작합니다. 불필요한 공백 문자를 모두 제거해 결과를 한 줄로 압축하므로 저장 공간과 네트워크 전송량이 줄어듭니다. 두 모드 모두 데이터 자체는 완전히 동일하게 유지되며 사람이 보는 레이아웃만 달라집니다.

이런 도구는 일상적인 개발 작업에서 진가를 발휘합니다. 코드를 작성하기 전에 원본 API 응답을 붙여넣어 실제 구조를 확인하거나, 배포가 실패하기 전에 .env 계열 설정 파일에서 엉뚱한 쉼표를 찾아내거나, 브라우저 개발자 도구의 네트워크 탭에서 복사한 — 대개 읽을 수 없는 하나의 거대한 줄로 되어 있는 — 페이로드를 눈으로 훑어볼 수 있는 형태로 바꾸는 작업 등입니다.

알아두어야 할 사항

• 모든 처리는 로컬에서 이루어집니다. 어떤 텍스트도 서버로 업로드되지 않으며, 유효성 검사·정렬·압축 모두 브라우저 자체의 자바스크립트 엔진에서 실행됩니다.
• 큰 정수는 정밀도를 잃을 수 있습니다. JSON 숫자는 IEEE 754 배정밀도 부동소수점 규칙을 따르므로, 약 2^53을 넘는 64비트 ID는 문자열로 유지하지 않고 네이티브 숫자로 파싱할 경우 소리 없이 반올림될 수 있습니다.
• 키 순서는 명세에서 보장하지 않습니다. 대부분의 파서가 실제로는 삽입 순서를 유지하긴 하지만, 이에 의존하는 로직을 작성해서는 안 됩니다.
• 최상위 값이 반드시 객체일 필요는 없습니다. 최신 JSON(RFC 8259 기준)은 루트에 단독 문자열, 숫자, 불리언, null, 배열을 허용합니다 — "hello"와 42 모두 그 자체로 완전히 유효한 JSON 문서입니다.