JSON 포매터
포맷·검증·압축·키 정렬 — 100% 브라우저 내 처리
알아두면 좋은 기술 세부사항
JSON은 RFC 8259로 정의되며, 실무에서 사람을 물 뜨는 세 지점이 있습니다:
- 숫자는 IEEE-754 배정밀도 부동소수점 — 2⁵³를 넘는 정수(예: 9007199254740993)는 JavaScript 기반 파서에서 조용히 정밀도를 잃습니다. API의 긴 ID가 문자열로 오는 이유입니다.
- 중복 키는 표준이 금지하지 않습니다; 파서들은 보통 마지막 값을 남기고, 이 포매터도 같습니다.
- 검증은 첫 문법 오류의 정확한 행·열을 알려주고 멈춥니다 — 고치고 다시 실행하세요.
JSON 포맷터란 무엇인가요?
JSON 포맷터는 API 응답, 설정 파일, 로그에서 흔히 볼 수 있는 한 줄짜리 JSON을 들여쓰기가 정돈된 읽기 쉬운 구조로 바꿔 주는 도구입니다. 이 도구는 보기 좋게 정리하는 것에 더해 검증, 압축, 키 정렬, 크기 통계까지 제공합니다. 손으로 JSON을 고치다 보면 중첩이 깊은 데이터에서 쉼표 하나 누락된 걸 눈으로 찾아내는 일이 가장 고통스럽습니다. 개발자, DevOps 엔지니어, QA 테스터 등 API와 설정 파일을 다루는 모든 사람에게 유용합니다. 모든 처리가 브라우저 안에서 끝나므로 운영 데이터를 붙여 넣어도 유출 걱정이 없습니다.
이 도구로 할 수 있는 일
- 🧹 2칸, 4칸, 탭 들여쓰기로 보기 좋게 정리
- ⚡ 한 번의 클릭으로 한 줄짜리 컴팩트한 형태로 압축
- ✅ 문법을 검증하고 오류 위치를 줄·열 단위로 정확히 표시
- 🔤 키를 알파벳순으로 정렬(모든 계층을 재귀적으로 처리)
- 📊 바이트 수, 키 개수, 중첩 깊이를 표시
- 💾 복사하거나 .json 파일로 다운로드
언제 유용할까
- 클라이언트 코드를 작성하기 전에 API 응답 구조를 파악할 때
- 설정용 JSON을 읽기 좋게 정리할 때
- API 페이로드 크기 제한에 맞추려고 JSON을 압축할 때
- 로그에서 추출한 깊게 중첩된 데이터를 점검할 때
개인정보: JSON은 브라우저 밖으로 전송되지 않으며, 정리·검증·통계 모두 로컬에서 처리됩니다. 민감한 정보가 담긴 JSON을 붙여 넣어도 안심할 수 있습니다. 무료이며 가입도 필요 없습니다.
에디터 플러그인 대신 이것을 쓰는 이유
정렬·포맷·측정
원본 JSON을 두 칸, 네 칸 또는 탭 들여쓰기로 다듬고, 깊은 키 정렬을 켜고, 실행 후 상태 줄에서 바이트 수, 키 수, 중첩 깊이를 바로 확인할 수 있습니다.
오류 위치를 정확히 표시
검증은 첫 번째 구문 오류의 정확한 줄과 열을 알려주므로 중첩 객체 깊숙이 빠진 쉼표도 막연한 파싱 실패 대신 바로 수정 지점을 가리킵니다.
축소·복사·다운로드
축소 모드는 같은 문서를 한 줄로 접어 가벼운 페이로드로 만들며, 이후 복사하거나 formatted.json 파일로 저장할 수 있습니다.
자주 묻는 질문
JSON이 서버에 업로드되나요?⌄
아니요. 포맷, 검증, 압축 모두 JavaScript로 브라우저 안에서 실행됩니다. 데이터가 기기를 떠나지 않으므로 API 키, 고객 데이터 등 민감한 페이로드에도 안전합니다.
JSON 문법 오류를 어떻게 찾나요?⌄
검증(또는 포맷)을 누르세요. JSON이 잘못됐다면 파서 메시지와 첫 오류의 정확한 행·열을 보여 주어 바로 문제로 갈 수 있습니다 — 뒤에 붙은 쉼표, 작은따옴표, 따옴표 없는 키가 가장 흔한 원인입니다.
'키 정렬'은 무엇을 하나요?⌄
출력 전에 모든 객체의 키를 재귀적으로 알파벳순 정렬합니다. 정렬된 JSON은 코드 리뷰에서 비교하기 쉽고, 캐싱과 해싱에 안정적인 출력을 만듭니다.
긴 ID의 마지막 자리가 포맷 후 바뀌는 이유는?⌄
포맷팅 때문이 아니라 텍스트가 JavaScript 숫자로 변환되는 순간 때문입니다. 2⁵³ ≈ 9×10¹⁵을 넘으면 배정밀도 가수 범위를 벗어나 끝자리가 반올림됩니다. 그런 값은 JSON에서 따옴표 붙은 문자열로 보관하세요.