JSON 이해: 포맷팅과 검증 초보자 가이드
빠른 답변
JSON는 키-값 쌍과 배열을 사용하는 텍스트 기반 데이터 형식입니다. 문자열, 숫자, 부울, null, 개체 및 배열을 지원합니다. 무료 JSON 포맷터를 사용하여 JSON 데이터를 아름답게 만들고, 검증하고, 축소하세요. 모든 처리는 브라우저에서 이루어집니다.
소개
JSON(JavaScript Object Notation)는 사람이 읽고 쓰기 쉽고 기계가 구문 분석하고 생성하기 쉬운 경량 데이터 교환 형식입니다. 이는 웹 서버와 브라우저 간의 통신에 사용되는 가장 일반적인 데이터 형식이며 최신 웹 APIs에서 XML을 대부분 대체했습니다.
단계별
-
JSON 구문 이해
JSON는 객체에 중괄호 {}를 사용하고 배열에 대괄호 []를 사용하며 콜론으로 구분된 키-값 쌍을 사용합니다. 키는 큰따옴표로 묶인 문자열이어야 합니다. 값은 문자열, 숫자, 부울, Null, 개체 또는 배열일 수 있습니다.
-
JSON 형식을 지정하세요.
JSON 데이터를 JSON 포맷터 도구에 붙여넣습니다. 적절한 들여쓰기와 줄 바꿈을 사용하여 JSON을 자동으로 아름답게 만들어 읽기 쉽게 만듭니다.
-
구조 검증
포맷터는 JSON에 구문 오류가 있는지 확인합니다. 유효한 경우 형식화된 출력을 표시합니다. 유효하지 않은 경우 문제를 나타내는 오류 메시지가 표시됩니다.
-
결과 복사 또는 사용
코드, 문서 또는 디버깅에 사용하기 위해 형식이 지정된 JSON을 클립보드에 복사합니다.
예
단순 객체
입력: {"name":"Alice","age":30}
산출: {
"name": "Alice",
"age": 30
}
객체 배열
입력: [{"id":1},{"id":2}]
산출: [
{ "id": 1 },
{ "id": 2 }
]
중첩된 구조
입력: {"user":{"name":"Bob","tags":["admin","user"]}}
산출: {
"user": {
"name": "Bob",
"tags": ["admin", "user"]
}
}
일반적인 문제
- 문자열에 작은따옴표 사용 —JSON에는 문자열과 키에 큰따옴표가 필요합니다.
- 후행 쉼표 —JSON는 객체나 배열의 마지막 항목 뒤에 쉼표를 허용하지 않습니다.
- 주석 —JSON은 주석(// 또는 /* */)을 지원하지 않습니다. 주석이 필요한 경우 JSONC 또는 JSON5를 사용하세요.
- 따옴표가 없는 키 - JavaScript 객체 리터럴과 달리 모든 키는 큰따옴표로 묶어야 합니다.
팁
- API에 데이터를 보내기 전에 JSON 포맷터를 사용하여 구문 오류를 찾아보세요.
- 최소화된 JSON는 대역폭을 절약합니다. 프로덕션에서는 축소를 사용하고 개발에서는 형식을 지정합니다.
- JSON는 정의되지 않음, 함수 또는 날짜를 값으로 지원하지 않습니다. null 또는 ISO 8601 문자열을 사용합니다.
- JavaScript에서 JSON.parse()를 사용하여 JSON 문자열을 객체로 변환하고, JSON.stringify()를 사용하여 객체를 JSON로 변환합니다.