JSON 포맷터

JSON 포맷팅 방법

1. 원시 또는 축소된 JSON을 입력 영역에 붙여넣습니다.
2. 포맷을 클릭하여 들여쓰기와 구조를 적용합니다.
3. 오른쪽 패널에서 포맷된 출력을 검토합니다.
4. 결과를 복사하거나 .json 파일로 다운로드합니다.
5. 오류 표시기를 사용하여 구문 문제를 즉시 찾아 수정합니다.

JSON 포맷팅 작동 원리

프리티 프린팅 설명

프리티 프린팅은 JSON 문자열에 일관된 들여쓰기, 줄 바꿈 및 공백을 추가하여 데이터 계층 구조를 읽기 쉽게 만듭니다. RFC 8259는 JSON에 대한 현재 IETF 표준으로, 토큰 간의 공백 요구 사항을 정의하지 않습니다 - 어떤 양의 공백도 유효합니다. 프리티 프린팅은 그 유연성을 활용하여 의미를 변경하지 않고 가독성을 향상시킵니다.

들여쓰기 옵션

2칸 들여쓰기는 대부분의 JavaScript 도구(Prettier, ESLint)에서 기본값이며, 깊게 중첩된 구조에 대해 컴팩트한 출력을 생성합니다. 4칸 들여쓰기는 Python의 json.dumps(data, indent=4)의 기본 출력을 일치시킵니다. 이 도구는 팀의 관습에 맞게 두 가지 스타일을 모두 지원합니다.

예시

입력 (축소됨)

{"user":{"id":1,"name":"Alice","roles":["admin","editor"],"active":true}}

출력 (2칸 들여쓰기)

{
  "user": {
    "id": 1,
    "name": "Alice",
    "roles": [
      "admin",
      "editor"
    ],
    "active": true
  }
}

포맷터가 시간을 절약하는 경우

• API 디버깅 - 원시 API 응답을 붙여넣어 중첩된 객체와 배열을 한눈에 확인
• 구성 파일 - 버전 관리에 커밋하기 전에 읽기 쉬운 package.json, tsconfig.json 또는 앱 구성
• 데이터베이스 내보내기 - MongoDB, PostgreSQL JSON 열 또는 Elasticsearch 응답은 종종 축소된 형태로 도착
• 코드 리뷰 - git에서 차이를 보기 전에 축소된 서드파티 JSON을 아름답게 만듭니다.

일반적인 실수

• 후행 쉼표 - {"a": 1,}는 유효한 JavaScript지만 RFC 8259에 따라 유효한 JSON이 아닙니다; 마지막 쉼표를 제거하세요.
• 단일 인용 문자열 - {'key': 'value'}는 유효하지 않습니다; JSON은 이중 인용을 요구합니다.
• JavaScript 주석 - // comment 및 /* comment */는 JSON 구문에 해당하는 것이 없습니다; 먼저 제거하세요.
• 이스케이프되지 않은 제어 문자 - 문자열 값 내부의 탭 문자와 줄 바꿈은 및 으로 이스케이프해야 합니다.

JSON Validator로 유효성을 검사한 후 이 포맷터를 사용하여 출력을 들여쓰기하세요. 프로덕션 페이로드를 위해 포맷된 JSON을 다시 압축하려면 JSON Minifier가 이 과정을 되돌립니다. HTTP 헤더나 쿼리 문자열 내에서 JSON을 인코딩하려면 Base64 Encoder가 바이너리 안전한 전송을 처리합니다.