JSON 포맷터 & 검증기

JSON 데이터를 붙여넣으면 즉시 문법 오류를 검사하고, 예쁘게 정렬하거나 압축하고, 트리 구조로 시각화합니다. 서버로 전송하지 않고 브라우저 안에서만 처리됩니다.

입력 (Input)
AD

이 배너는 쿠팡 파트너스 활동의 일환으로 게재되며, 이에 따른 일정액의 수수료를 제공받습니다.

사용 방법

  1. 입력: 좌측 입력창에 JSON 텍스트를 붙여넣거나, "파일 열기"로 .json 파일을 업로드하거나, 파일을 화면에 끌어다 놓으세요.
  2. 포맷 / 압축 / 검증: 상단 버튼으로 들여쓰기를 적용한 포맷팅, 공백을 제거하는 압축, 혹은 문법만 확인하는 검증을 선택하세요.
  3. 결과 확인: 우측 패널에서 "트리 보기"로 구조를 접고 펼쳐가며 탐색하거나 "텍스트 보기"로 정렬된 원문을 확인하세요. 오류가 있으면 어느 줄, 몇 번째 글자에서 문제가 발생했는지 표시됩니다.
  4. 테이블로 보기: "테이블 보기" 탭은 객체로 이루어진 배열(API 응답 등)을 스프레드시트 형태로 보여줍니다. 최상위가 배열이 아니어도 {"data": [...]}처럼 배열을 속성으로 가진 객체라면 자동으로 찾아서 표로 그립니다.
  5. TypeScript로 변환: "TypeScript" 탭을 누르면 JSON 구조에서 interface를 자동 추론합니다. 같은 형태의 중첩 객체는 하나의 인터페이스로 합치고, 배열 안 객체들의 필드가 서로 다르면 없는 필드를 ?(optional)로 표시합니다.
  6. 내보내기: 결과를 클립보드로 복사하거나 파일로 다운로드할 수 있습니다(트리/텍스트는 .json, TypeScript는 .ts, 테이블은 .csv).
  7. 스키마 검증: "🛡 스키마 검증"을 누르면 JSON Schema를 입력하는 창이 열립니다. "검증 실행"을 누르면 입력한 JSON이 스키마를 만족하는지 확인하고, 위반 항목을 경로와 함께 나열합니다.

모든 처리는 브라우저 내부(JavaScript)에서만 이루어지며, 입력한 데이터는 서버로 전송되거나 저장되지 않습니다.

JSON이란?

JSON(JavaScript Object Notation)은 키-값 쌍으로 데이터를 표현하는 경량 데이터 교환 형식입니다. 사람이 읽고 쓰기 쉬우면서도 기계가 파싱하고 생성하기 쉬워, API 응답, 설정 파일, 데이터 저장 등 다양한 곳에서 널리 사용됩니다. 문자열은 반드시 큰따옴표로 감싸야 하고, 마지막 요소 뒤에 쉼표를 남기면 안 되는 등 엄격한 문법 규칙을 따릅니다. 이 도구는 그 규칙을 기준으로 입력을 검증합니다.

자주 묻는 질문

입력한 JSON 데이터가 외부로 전송되나요?

아니요. 모든 파싱과 포맷팅은 브라우저 안에서 JavaScript로만 처리되며 서버로 전송되지 않습니다.

왜 "Unexpected token" 오류가 나오나요?

문자열을 큰따옴표로 감싸지 않았거나, 마지막 항목 뒤에 불필요한 쉼표(trailing comma)가 남아있거나, 주석이 포함된 경우 표준 JSON 문법에 위배되어 발생합니다. 오류 메시지에 표시된 줄/열 번호 위치를 확인하세요.

JSON5나 주석이 포함된 JSON도 지원하나요?

이 도구는 표준 JSON(RFC 8259) 문법만 지원합니다. 주석, trailing comma, 홑따옴표 등은 유효하지 않은 것으로 표시됩니다.

큰 JSON 파일도 처리할 수 있나요?

브라우저 메모리 범위 내에서는 수 MB 크기의 JSON도 처리할 수 있습니다. 다만 매우 큰 파일에서는 트리 보기 렌더링이 느려질 수 있으니 텍스트 보기를 이용하세요.

JSON과 XML은 어떻게 다른가요?

JSON은 키-값 구조로 XML보다 간결하고 파싱이 빠르며, 대부분의 언어에서 별도 라이브러리 없이 다룰 수 있습니다. XML은 속성(attribute), 네임스페이스, 스키마(XSD) 등 더 복잡한 문서 구조를 표현할 수 있지만 그만큼 용량이 크고 파싱 비용도 높습니다. 오늘날 REST API 응답은 대부분 JSON을 사용합니다.

JSON Schema로 구조까지 검증할 수 있나요?

네. 상단의 "🛡 스키마 검증" 버튼을 누르면 JSON Schema를 입력하는 창이 열립니다. type, required, properties, items, enum, min/max류, pattern, oneOf/anyOf/allOf 등 자주 쓰는 키워드를 지원하는 실용적인 하위 집합으로 검증하며, 위반 항목은 경로(예: $.address.zip)와 함께 표시됩니다. 다만 JSON Schema 명세 전체(모든 draft, 원격 $ref 등)를 지원하지는 않습니다.

JSON을 TypeScript 타입으로 바로 변환할 수 있나요?

네. "TypeScript" 탭에서 API 응답이나 설정 파일 JSON을 붙여넣으면 interface 선언을 자동 생성합니다. 배열 안 객체들처럼 형태가 같은 타입은 하나로 합치고, 일부 항목에만 있는 필드는 ?(optional)로 표시합니다. 인터페이스 이름은 상단 입력창에서 바꿀 수 있습니다.

관련 도구