본문으로 건너뛰기

무료 JSON 포맷터

JSON 데이터의 형식을 지정하고, 검증하고, 축소하고 탐색합니다. 트리 보기, 구문 강조, 원클릭 복사.

한 번 로드하면 오프라인에서도 작동

주요 용도

  • API 응답 포맷원본 API JSON 응답을 붙여넣고 즉시 읽기 쉬운 들여쓰기 출력으로 포맷합니다.
  • JSON 구성 파일 포맷JSON 구성 파일을 정리하고 검증합니다 — package.json, tsconfig.json, 설정 등.
  • 디버깅을 위해 JSON 포맷축소된 또는 이스케이프된 JSON 로그, 오류 페이로드 및 데이터베이스 출력을 즉시 풀어냅니다.
  • JSON 번역 파일 포맷React, Vue 및 Next.js 앱에서 사용되는 i18n 번역 JSON 파일(en.json, de.json)을 검증하고 미화합니다.
  • Webhook 페이로드 검사 및 포맷Stripe, GitHub 또는 Shopify에서 원본 Webhook 페이로드를 붙여넣고 명확하게 포맷된 상태로 읽습니다.

사용 방법

포매터는 JavaScript 내장 JSON.parse와 JSON.stringify를 사용해 전적으로 브라우저에서 실행됩니다. 라이브러리도 서버도 없습니다. 파싱, 서식화, 압축, 대화형 트리 보기가 모두 입력하는 대로 로컬에서 이루어집니다.

  1. 1
    입력 시 실시간 파싱
    마지막 키 입력 후 200 ms가 지나면 JSON.parse가 실행됩니다. 파싱에 실패하면 직접 작성한 오류 위치 함수가 V8 또는 Firefox의 SyntaxError 메시지를 읽어 줄과 열 번호를 추출하고, 텍스트 영역에서 오류 위치로 이동하는 링크를 제공합니다.
  2. 2
    안전하지 않은 정수 감지
    출력을 표시하기 전에 도구는 원시 소스에서 16자리 이상의 정수 리터럴(따옴표 문자열 안의 것은 제외)을 찾아 각각 Number.isSafeInteger로 검사합니다. IEEE-754 배정밀도 저장으로 조용히 반올림될 값이 있으면 복사하거나 다운로드하기 전에 경고가 나타납니다.
  3. 3
    서식화, 압축, 키 정렬
    JSON.stringify(value, null, indent)가 서식화 또는 압축된 출력을 만듭니다. 키 정렬이 켜져 있으면 재귀 함수가 파싱된 트리의 모든 객체를 순회하며 직렬화 전에 Object.keys(...).sort()로 다시 구성합니다. 배열은 원래 순서를 유지합니다.
  4. 4
    대화형 트리 보기
    트리 보기는 파싱된 객체를 깊이, 경로, 펼침/접힘 상태를 가진 노드의 평면 목록으로 변환하는 직접 작성한 재귀 평탄화 방식입니다. 큰 배열이 펼쳐진 수 MB 문서에서 탭이 멈추지 않도록 표시 노드는 5,000개로 제한됩니다.

모든 작업이 브라우저에서 로컬로 실행되며 JSON은 어떤 서버로도 전송되지 않습니다.

관련 도구

자주 묻는 질문