JSON 포맷터·검증기 무료
JSON을 붙여넣으면 들여쓰기로 보기 좋게 정리하고, 문법 오류를 찾아주고, 공백을 제거해서 축소하고, 중첩된 구조를 트리로 탐색할 수 있어요. 개발자가 API 응답이나 설정 파일을 빠르게 확인할 때 유용해요. 모든 처리가 브라우저에서 이루어져요.
도구를 불러오는 중...
이럴 때 쓰세요
한 줄로 온 API 응답 읽기
개발자 도구에서 복사한 한 줄짜리 응답을 붙여넣고 「정리 (보기 좋게)」를 누르세요. 들여쓰기는 2칸, 4칸, 탭 중 고를 수 있고, 항목이 많으면 「트리 보기」로 필요한 부분만 펼쳐 볼 수 있어요.
설정 파일 문법 검사하기
package.json이나 설정 JSON을 수정한 뒤 「검증」을 누르면 맞는 문법인지, 최상위가 객체인지 배열인지, 항목이 몇 개인지 알려 줘요. 틀렸다면 오류 위치와 주변 텍스트를 보여 줘요.
전송용으로 크기 줄이기
테스트 데이터를 요청 본문에 넣을 때는 「축소」를 눌러 공백과 줄바꿈을 모두 없애고 「복사」하세요. 몇 자로 줄었는지 알려 줘요.
사용 방법
- JSON을 텍스트 영역에 붙여넣으세요. API 응답, 설정 파일, 데이터 등 어떤 JSON이든 돼요.
- '정리'를 누르면 들여쓰기와 줄바꿈이 추가돼요. 2칸, 4칸, 탭 중 고를 수 있어요. '축소'를 누르면 공백을 모두 제거해요. '검증'을 누르면 문법이 맞는지 확인해요.
- '트리 보기'로 중첩된 객체와 배열을 접을 수 있는 트리로 탐색하세요. '복사'로 결과를 클립보드에 복사하세요.
작동 원리
JavaScript 내장 JSON.parse()로 JSON을 검증하고 파싱한 뒤, JSON.stringify()로 들여쓰기를 적용해 정리해요. 트리 보기는 각 노드를 접을 수 있는 HTML details/summary 요소로 재귀적으로 그려요. 외부 라이브러리, 서버 호출, 추적 없이 브라우저에서 모든 처리가 이루어져요.
활용 팁
- API 응답을 바로 붙여넣으면 구조를 한눈에 파악할 수 있어요.
- 설정 파일(.json)의 문법이 맞는지 빠르게 확인할 수 있어요.
- 축소 기능은 네트워크 전송 크기를 줄이고 싶을 때 유용해요.
- 트리 보기에서 깊게 중첩된 데이터를 접었다 펼치며 탐색하세요.
자주 묻는 질문
이 도구로 무엇을 할 수 있나요?
JSON을 들여쓰기로 보기 좋게 정리하고, 문법이 맞는지 검증하고, 공백을 제거해서 축소하고, 중첩된 구조를 트리로 탐색할 수 있어요.
깨진 JSON을 고칠 수 있나요?
자동으로 고치지는 않지만, 오류 위치와 주변 텍스트를 정확히 알려줘요. 흔한 문제는 후행 쉼표, 빠진 따옴표, 이스케이프 안 된 문자예요.
데이터가 서버에 전송되나요?
아니요. JavaScript의 내장 JSON.parse와 JSON.stringify로 브라우저에서 모든 처리가 이루어져요.
크기 제한이 있나요?
하드 리밋은 없지만, 10MB 이상의 아주 큰 JSON은 브라우저 메모리 때문에 느릴 수 있어요.
API 디버깅에 쓸 수 있나요?
물론이에요. API 응답을 붙여넣으면 바로 정리하고 검사할 수 있어요. 트리 뷰는 깊게 중첩된 데이터를 탐색할 때 특히 유용해요.
주석이나 작은따옴표가 있는 JSON도 되나요?
표준 JSON 문법만 인식해요. 주석, 작은따옴표 문자열, 마지막 항목 뒤 쉼표(후행 쉼표)가 있으면 유효하지 않다고 나오니, 해당 부분을 지운 뒤 다시 눌러 보세요.
아주 큰 숫자가 정리하면 바뀌어요.
자바스크립트의 JSON.parse를 쓰기 때문에 9007199254740991보다 큰 정수는 끝자리가 달라질 수 있어요. 아이디처럼 정밀해야 하는 긴 숫자는 원래 값이 문자열(따옴표 있음)인지 확인하세요.
키 정렬이나 XML·YAML 변환, 파일 열기도 되나요?
지원하지 않아요. 붙여 넣은 JSON을 「정리 (보기 좋게)」, 「축소」, 「검증」, 「트리 보기」로 다루는 도구예요.
마지막 확인: 2026년 10월 9일 · 다고침 팀