NB Developer Tools · 무료 도구 · JSON 포맷터

JSON 포맷터

API 응답을 한 줄로 받으면 눈으로 읽을 수 없습니다. 붙여넣으면 들여쓰기를 넣어 보기 좋게 만들고, 문법이 틀렸으면 어디가 문제인지 알려줍니다.

JSON 포맷터 바로 열기

이렇게 씁니다

  1. JSON 텍스트를 붙여넣습니다.
  2. 출력을 고릅니다 — 보기 좋게(2칸 들여쓰기) 또는 압축(minify).
  3. 실행하기를 누르면 정리된 결과와 키 개수가 나옵니다.

자주 틀리는 지점

· 마지막 항목 뒤의 쉼표      {"a":1,}        ← JSON 에서는 오류
· 작은따옴표               {'a':1}         ← 반드시 큰따옴표
· 키에 따옴표 없음          {a:1}           ← JS 객체는 되지만 JSON 은 안 됨
· 주석                     // 설명          ← JSON 에 주석은 없음
· NaN · Infinity · undefined                ← 표현할 수 없음
· 마지막에 붙은 로그 한 줄   {...}  Done!     ← 뒤 문자열까지 파싱 대상

[보기 좋게 vs 압축]
  보기 좋게 : 사람이 읽을 때. 줄바꿈·들여쓰기가 들어가 용량이 커진다
  압축      : 전송·저장용. 공백을 전부 제거한다

정리해도 데이터는 변하지 않는다 — 공백만 다르다. 키 순서도 원본을 따른다.

결과 읽는 법

  • 오류가 나면 메시지에 위치가 함께 나옵니다. 그 앞뒤 한두 글자를 보면 대개 쉼표나 따옴표입니다.
  • 키 개수가 예상과 다르면 중첩 구조를 잘못 본 것입니다.
  • 아주 큰 JSON 은 정리하면 줄 수가 크게 늘어납니다. 필요한 부분만 잘라 넣는 편이 빠릅니다.

주의할 점

  • 개인정보·인증 토큰이 든 JSON 을 아무 온라인 도구에 붙여넣지 마세요. 이 도구는 브라우저에서만 처리하지만, 습관으로 조심하는 편이 안전합니다.
  • JSON5·JSONC(주석 허용) 형식은 표준 JSON 이 아니라 파싱되지 않습니다.

자주 묻는 질문

JSON 을 예쁘게 보려면요?

붙여넣고 '보기 좋게(2칸 들여쓰기)' 로 실행하면 됩니다.

오류가 난다는데 어디가 문제인지 모르겠습니다.

오류 메시지의 위치를 보고 그 앞뒤를 확인하세요. 대개 마지막 쉼표, 작은따옴표, 따옴표 없는 키입니다.

압축은 왜 쓰나요?

전송량과 저장 용량을 줄이려고 씁니다. 데이터 내용은 같습니다.

JSON 포맷터 열기 — 무료 · 설치 없음

NB Developer Tools의 다른 도구

NB 무료 도구 모음

설치·가입 없이 브라우저에서 바로 쓰는 무료 도구들입니다.