Beautify JSON - JSON Formatter

읽기 어려운 JSON을 잘 정리된 코드로 변환하세요

태그들: beautify code json

🚀 180,269 총 변환 (15 이번 달)

소개

이 온라인 JSON 포매터는 구조화되지 않은 JSON을 깔끔하고 읽기 쉬운 레이아웃으로 포맷하는 데 도움을 줍니다. Pretty Diff 포매터를 사용하여 코드 보기 또는 트리 보기로 결과를 시각화할 수 있습니다.

이 도구 사용 방법

시작하려면 JSON 코드를 편집기에 직접 붙여넣거나 **업로드** 버튼을 사용하여 JSON 파일을 업로드하세요. 포매팅이 완료되면, 포맷된 JSON을 다운로드하거나 저장하거나 고유 링크를 통해 다른 사람과 공유할 수 있습니다. Google 또는 GitHub으로 로그인하면 결과를 계정에 저장하여 나중에 사용할 수 있습니다.

JSON이란?

JSON (JavaScript Object Notation)은 속성-값 쌍과 배열로 구성된 데이터 객체를 표현하기 위해 사람이 읽을 수 있는 텍스트를 사용하는 경량의 오픈 표준 데이터 형식입니다. 주로 AJAX 시스템에서 XML의 간단한 대안으로 데이터 교환에 널리 사용됩니다.

JSON의 인기는 그 단순함과 다재다능함에서 비롯되며, API, 구성 파일 및 기타 데이터 공유 작업에 있어 필수적인 형식이 되었습니다. 더 알아보기

JSON 문법

JSON은 두 가지 주요 구조를 정의합니다: 객체와 배열.

  • **객체**: 중괄호 `{}`로 둘러싸인 이름-값 쌍의 모음.
  • **배열**: 대괄호 `[]`로 둘러싸인 값의 목록.

JSON은 문자열, 숫자, 객체, 배열, `true`, `false`, `null`의 7가지 데이터 유형을 지원합니다. 아래는 이름-값 쌍을 포함하는 JSON 객체의 예입니다. "phoneNumbers" 키는 두 개의 객체를 포함하는 배열을 가지고 있습니다:

      
{
  "firstName": "Duke",
  "lastName": "Java",
  "age": 18,
  "streetAddress": "100 Internet Dr",
  "city": "JavaTown",
  "state": "JA",
  "postalCode": "12345",
  "phoneNumbers": [
    {
      "Mobile": "111-111-1111"
    }, {
      "Home": "222-222-2222"
    }
  ]
}
      
    

예제

포매팅 전:

      
{"colors":[{"color":"black","category":"hue","type":"primary","code":{"rgba":[255,255,255,1],"hex":"#000"}},{"color":"white","category":"value","code":{"rgba":[0,0,0,1],"hex":"#FFF"}}]}
      
    

포매팅 후:

      
{
  "colors": [
    {
      "color": "black",
      "category": "hue",
      "type": "primary",
      "code": {
        "rgba": [
          255, 255, 255, 1
        ],
        "hex": "#000"
      }
    }, {
      "color": "white",
      "category": "value",
      "code": {
        "rgba": [
          0, 0, 0, 1
        ],
        "hex": "#FFF"
      }
    }
  ]
}