1. 포맷으로 구조 확인
압축된 응답이나 긴 로그 조각을 붙여 넣은 뒤 먼저 포맷해 키 구조와 중첩 깊이를 파악합니다.
입력 없음
JSON 포맷터
브라우저 내부 처리
실행 중인 서비스 설정을 점검하듯 JSON을 검증하고, 포맷/압축/복사하세요.
JSON을 검토할 때 이 페이지를 어떻게 쓰면 좋은가요?
2. 검색으로 문제 지점 찾기
특정 키, 사용자 ID, 상태값을 검색해 응답에서 필요한 필드를 빠르게 좁힐 수 있습니다.
3. 트리 뷰로 중첩 확인
배열과 객체가 깊게 중첩된 응답은 트리 뷰가 훨씬 읽기 쉬워서 필드 위치를 설명하거나 캡처할 때 도움이 됩니다.
자주 만나는 JSON 오류
따옴표 누락
JSON은 키와 문자열 값을 큰따옴표로 감싸야 합니다. 자바스크립트 객체 문법과 헷갈려 작은따옴표나 무따옴표 키를 넣는 경우가 많습니다.
마지막 쉼표
배열이나 객체의 마지막 항목 뒤 쉼표는 일부 도구에서는 허용돼도 JSON 표준에서는 오류가 됩니다.
민감한 데이터 붙여넣기
이 페이지는 브라우저 메모리에서 동작하지만, 실제 서비스 키나 개인정보가 포함된 원문은 조직 정책에 맞게 마스킹 후 검토하는 편이 안전합니다.
JSON 포매터에서 자주 묻는 질문
JSON과 JavaScript 객체는 무엇이 다른가요?
JSON은 데이터 교환 형식이라 키와 문자열 값에 큰따옴표가 필요하고, 주석이나 마지막 쉼표를 허용하지 않습니다. JavaScript 객체 문법과 비슷하지만 완전히 같지는 않습니다.
포맷과 압축 중 무엇을 써야 하나요?
읽고 리뷰할 때는 포맷을 쓰고, API 본문이나 한 줄 샘플처럼 짧게 전달해야 할 때는 압축을 사용하면 됩니다.
큰 JSON도 브라우저에서 처리해도 되나요?
대부분의 API 응답은 문제없지만, 매우 큰 파일은 브라우저 메모리와 렌더링 성능에 영향을 줄 수 있습니다. 대용량 로그는 필요한 조각만 잘라서 보는 편이 좋습니다.
어떤 도구와 같이 쓰면 좋나요?
JWT payload를 분석할 때는 JWT 디코더, JSON/YAML을 오갈 때는 JSON YAML 변환기, API 재현이 필요할 때는 API 요청 테스트와 함께 쓰면 흐름이 자연스럽습니다.
JSON을 다룰 때
큰 정수는 정밀도를 잃습니다
자바스크립트의 숫자는 배정밀도 부동소수점이라 안전한 정수 범위가 약 9,007조까지입니다. 스노우플레이크 ID나 64비트 정수를 JSON으로 주고받으면 마지막 자리가 바뀝니다. 그런 값은 문자열로 전달하는 것이 표준적인 대응입니다.
주석과 마지막 쉼표는 문법 오류입니다
JSON 규격에는 주석이 없고 배열이나 객체 끝의 쉼표도 허용되지 않습니다. 자바스크립트 객체 문법과 헷갈려 넣는 경우가 많습니다. 설정 파일에 주석이 필요하면 JSON5나 YAML을 쓰거나 설명용 키를 따로 두세요.
키 순서는 보장되지 않습니다
JSON 객체의 키 순서는 규격상 의미가 없고, 파싱과 직렬화를 거치면 바뀔 수 있습니다. 순서가 의미 있는 데이터는 배열로 표현해야 합니다. 두 JSON을 문자열로 비교해 같은지 판단하는 코드도 이 때문에 틀립니다.
사용 순서와 입력 예시 더 보기
실제로 가장 많이 붙여 넣는 JSON 예시
API 응답, 설정 파일, 로그에 남은 payload를 점검할 때는 먼저 “표준 JSON인지”와 “필드 구조가 기대와 맞는지”를 분리해서 보는 게 빠릅니다.
API 응답 포맷 확인
압축된 응답을 보기 좋게 펼친 뒤 상태값, pagination, nested data 위치를 확인합니다.
{"ok":true,"data":{"user":{"id":42,"role":"admin"}}}
설정 값 검증
작은따옴표, 마지막 쉼표, 주석이 섞인 값은 JSON이 아니라 JavaScript 객체에 가까워서 배포 전에 반드시 정리해야 합니다.
{
"env": "prod",
"featureFlags": ["search", "export"]
}