JSON 압축·정리

JSON 압축·정리, 이렇게 씁니다

JSON 텍스트를 입력창에 붙여넣고 두 가지 방향으로 정리합니다. "압축(minify)"을 누르면 들여쓰기·줄바꿈·불필요한 공백을 모두 제거해 한 줄로 만들고, "정렬(beautify)"을 누르면 계단식 들여쓰기를 넣어 사람이 읽기 좋게 폅니다. 같은 데이터를 담은 그대로 겉모습만 바꾸는 것이라, 압축했다가 다시 정렬해도 값은 하나도 손실되지 않습니다. 결과는 복사 버튼으로 그대로 가져가 API 요청 본문, 설정 파일, 코드 상수로 바로 쓸 수 있습니다.

작동 원리 — 파싱 후 재출력

이 도구는 문자열을 단순 치환하지 않습니다. 먼저 입력을 JSON.parse로 실제 값(객체·배열·숫자·문자열)으로 해석한 뒤, JSON.stringify로 다시 문자열로 뽑아냅니다. 압축은 stringify(값)처럼 구분자 인자를 주지 않아 공백 없는 형태로, 정렬(펼치기)은 stringify(값, null, 2)처럼 2칸 들여쓰기 폭을 지정해 출력합니다. 이렇게 하면 문법이 틀린 JSON은 애초에 파싱 단계에서 걸려 오류로 표시되므로, 정리와 동시에 유효성 검사까지 되는 셈입니다.

압축이 실제로 줄이는 것

압축은 키와 값 사이의 공백, 콤마 뒤 공백, 줄바꿈, 계단식 들여쓰기를 없앱니다. 들여쓰기가 깊고 항목이 많은 파일일수록 효과가 커서, 사람이 읽기 좋게 4칸 들여쓴 설정 파일은 압축 시 용량이 눈에 띄게 줄어듭니다. 반대로 키 이름 자체나 값의 길이는 손대지 않으므로, 키가 짧고 이미 한 줄인 데이터라면 줄어드는 폭이 작습니다. 압축은 전송량을 아끼거나 한 줄로 로그에 남길 때 쓰고, 정렬은 사람이 검토·수정할 때 씁니다.

이럴 때 유용합니다

API 응답을 브라우저 콘솔이나 로그에서 한 줄로 복사해 왔는데 구조가 눈에 안 들어올 때 정렬로 펴서 읽습니다. 반대로 코드에 상수로 박아 넣거나 환경변수·쿼리 파라미터에 JSON을 실을 때는 한 줄로 압축해 넣습니다. 남이 보낸 설정 파일이 열리는지, 콤마 하나가 빠지지 않았는지 빠르게 확인하는 용도로도 좋습니다. 모든 처리는 브라우저 안에서만 이뤄지고 서버로 전송되지 않아, 토큰·개인정보가 담긴 응답도 밖으로 새지 않습니다.

깔끔하게 다루는 팁

첫째, 후행 콤마(마지막 항목 뒤 쉼표)와 키를 감싸지 않은 작은따옴표는 표준 JSON이 아니라 오류가 납니다. JSON5나 자바스크립트 객체 표기를 그대로 넣지 말고 큰따옴표·표준 문법으로 고치세요. 둘째, 압축은 키 순서를 바꾸지 않으므로 원본 순서가 그대로 유지됩니다. 셋째, 아주 큰 파일도 브라우저에서 처리되지만 수십 MB급이면 화면이 잠깐 멈출 수 있으니 필요한 부분만 잘라 넣는 편이 빠릅니다. 넷째, 정렬 결과를 그대로 커밋하면 diff가 깔끔해져 코드 리뷰에 도움이 됩니다.

자주 묻는 질문