JSON 정리하는 방법
- 칸에 JSON을 붙여넣거나 .json 파일을 끌어다 놓으세요.
- 들여쓰기(2칸·4칸·탭)를 고르고, 필요하면 키 이름순 정렬을 켜세요.
- 보기 좋게 정리나 한 줄로 압축을 누르세요. 문제가 있으면 줄과 칸 위치를 알려 줘요.
이렇게 동작해요
JSON 표준(RFC 8259)을 그대로 따르는 자체 파서로 읽으면서, 문제를 쉬운 말로 알려 줘요. 마지막 쉼표, 작은따옴표, 주석, 빠진 콜론, 닫히지 않은 문자열 같은 것들이요. 커서가 정확한 위치로 이동하니 글자 수를 셀 필요가 없어요.
따옴표 없는 키나 undefined 같은 자바스크립트 객체 형태도 알아보고, 그냥 실패하는 대신 무엇을 고치면 되는지 알려 줘요.
직접 측정해 봤어요
키가 48,002개인 602KB JSON 파일을 정리하는 데 검사와 통계까지 포함해 4코어 테스트 PC의 크롬에서 105ms가 걸렸어요. 일반적인 API 응답이나 설정 파일은 눈 깜짝할 새에 끝나요.
이럴 때 써요
한 줄로 붙어 온 API 응답을 읽을 때, 배포 전에 package.json·tsconfig 같은 설정 파일을 검사할 때, 테스트 데이터를 압축해서 줄일 때, 두 JSON 파일을 줄 단위로 비교하려고 키를 정렬할 때 써요.
두 버전을 비교하려면 여기서 둘 다 정리한 뒤 텍스트 비교에 붙여넣으세요. 글자 수나 바이트는 글자 수 세기로 셀 수 있어요.
한계
- 주석과 마지막 쉼표(JSON5·JSONC 문법)는 표준 JSON이 허용하지 않아서 오류로 표시해요.
- 약 9천조(2^53)보다 큰 숫자는 자바스크립트와 마찬가지로 정리할 때 정밀도가 떨어질 수 있어요.
- 수십 MB짜리 아주 큰 파일도 되지만 휴대폰에선 화면이 느려질 수 있어요.
자주 묻는 질문
JSON이 어딘가로 전송되나요?
아니요. 읽고 정리하는 과정이 모두 브라우저에서 이뤄져서, JSON 안의 토큰·키·개인정보가 기기 밖으로 나가지 않아요.
키 이름순 정렬은 뭔가요?
모든 객체의 키를 알파벳순으로 정렬해요. 데이터는 그대로이고 순서만 바뀌어서 파일 비교가 쉬워져요.
2칸, 4칸, 탭 중 뭘 써야 하나요?
웹 프로젝트는 2칸, 파이썬·자바 프로젝트는 4칸을 많이 써요. 프로젝트에서 이미 쓰는 방식을 따르세요.
자바스크립트에선 되는데 왜 JSON 오류가 나요?
자바스크립트 객체는 작은따옴표, 따옴표 없는 키, 주석, 마지막 쉼표를 허용하지만 JSON은 아니에요. 오류 메시지가 어떤 경우인지 알려 줘요.