JSON 포맷터 & 유효성 검사기

이렇게 쓰시면 돼요

1. 왼쪽 입력창에 JSON 붙여넣기 (Ctrl+V).
2. 포맷 버튼 누르면 들여쓰기 적용, minify 누르면 한 줄로 압축됩니다.
3. 트리 보기 켜면 중첩 구조를 접었다 폈다 할 수 있어요.
4. 오른쪽 결과창에서 복사 버튼 한 번에 클립보드로 들어갑니다.

예시

입력 (축소된 API 응답):
{"name":"홍길동","age":30,"address":{"city":"서울"}}

출력 (2칸 들여쓰기):
{
  "name": "홍길동",
  "age": 30,
  "address": {
    "city": "서울"
  }
}

문법이 깨져 있으면 Line 3: Expected "," 같은 메시지가 뜨니까 그 줄만 고치시면 돼요.

엉킨 JSON 한 번에 정리

API 응답이나 로그를 받아보면 줄바꿈 하나 없이 한 줄로 쭉 붙어 있어서 눈이 아프거든요. 여기에 붙여넣으면 2칸 또는 4칸 들여쓰기로 다시 정리해주고, 중괄호 짝이 안 맞거나 쉼표가 빠졌으면 몇 번째 줄에서 터졌는지 바로 짚어드려요. 반대로 잘 정리된 JSON을 한 줄로 압축하는 minify 모드도 있어서 설정 파일 배포할 때 쓰시면 됩니다.

이럴 때 쓰시면 좋아요

API 응답 디버깅할 때, 공공데이터 포털에서 받은 덩어리 JSON 구조 파악할 때, package.json이나 tsconfig 같은 설정 파일 정리할 때요.

이 포맷터가 좀 편한 점

• 키, 문자열, 숫자, boolean, null이 각각 다른 색으로 보여서 눈에 잘 들어와요.
• 트리 보기로 깊게 중첩된 객체를 접었다 펼 수 있어요.
• 문법 오류가 나면 몇 번째 줄에서 터졌는지 대략적으로 표시해줘요.
• minify 모드로 한 줄 압축도 지원해서 프로덕션 배포할 때 바로 써먹을 수 있어요.
• 붙여넣은 JSON은 브라우저에서 처리되고 서버로 안 보내요. 민감한 응답 붙여넣어도 괜찮습니다.
• 참고로 10MB 넘어가는 초대형 JSON은 브라우저 메모리 때문에 좀 버벅일 수 있어요. 그리고 JSONL(줄 단위 JSON)이나 주석 들어간 JSON5는 표준 JSON이 아니라 지원 안 합니다.

다른 JSON 포맷터랑 뭐가 다른지

더 파보고 싶다면

• JSON.org (한국어) - 공식 스펙
• MDN: JSON - JavaScript JSON 레퍼런스

자주 묻는 질문