JSON 데이터를 단계별로 형식화하고 검증하는 방법
빠른 답변
JSON을 포맷하려면: JSON을 JSON 포맷터에 붙여넣으면 적절한 들여쓰기가 포함된 아름다운 출력이 즉시 나타납니다. JSON의 유효성을 검사하려면 도구가 자동으로 구문을 확인하고 유효하지 않은 경우 위치와 함께 오류를 표시합니다. 모든 처리는 로컬에서 이루어지며 데이터는 업로드되지 않습니다.
소개
JSON(JavaScript Object Notation)는 웹 APIs 및 구성 파일에 대한 가장 일반적인 데이터 형식입니다. APIs의 원시 JSON은 종종 한 줄로 축소되어 읽기가 어렵습니다. 서식 지정(미화 또는 예쁜 인쇄라고도 함)은 사람이 읽을 수 있도록 들여쓰기와 줄 바꿈을 추가합니다. 유효성 검사는 JSON 구문이 올바른지 확인합니다. 쉼표 하나가 잘못 배치되었거나 따옴표가 누락되어 전체 애플리케이션이 중단될 수 있습니다. 이 가이드에서는 브라우저에서 JSON의 형식을 지정하고 유효성을 검사하는 방법을 보여줍니다.
단계별
-
JSON 포맷터 도구를 엽니다.
JSON 포맷터 도구 페이지로 이동하세요. 이 도구는 개체, 배열 또는 중첩 구조 등 모든 JSON 문자열을 입력으로 허용합니다.
-
JSON 데이터를 붙여넣으세요.
형식을 지정하거나 유효성을 검사하려는 JSON을 입력 텍스트 영역에 붙여넣습니다. 이는 API 응답, 구성 파일 또는 코드의 JSON 문자열일 수 있습니다.
-
형식화된 출력 검토
이 도구는 JSON을 구문 분석하고 2칸 들여쓰기 및 줄 바꿈을 사용하여 다시 직렬화합니다. 형식화된 출력이 결과 필드에 즉시 나타납니다. JSON이 유효하지 않은 경우 구문 문제 위치와 함께 오류 메시지가 나타납니다.
-
유효성 검사 상태 확인
JSON이 유효한 경우 도구는 성공 표시기와 형식화된 출력을 표시합니다. 유효하지 않은 경우 '위치 42의 예기치 않은 토큰'과 같은 구문 분석 오류가 표시되므로 소스의 구문 문제를 해결할 수 있습니다.
-
결과 복사 또는 축소
복사 버튼을 사용하여 형식이 지정된 JSON을 클립보드에 복사하세요. 일부 도구는 모든 공백을 제거하는 축소 버튼도 제공합니다. 이는 프로덕션에서 페이로드 크기를 줄이는 데 유용합니다.
예
형식이 축소되었습니다. JSON
입력: {"name":"Alice","age":30,"roles":["admin","user"]}
산출: {
"name": "Alice",
"age": 30,
"roles": ["admin", "user"]
}
잘못된 JSON 감지(후행 쉼표)
입력: {"a":1,"b":2,}
산출: Error: Unexpected token } at position 11
잘못된 JSON(작은따옴표) 감지
입력: {'name':'Alice'}
산출: 오류: 위치 1에 예상치 못한 토큰 '이(가) 있습니다.
일반적인 문제
- 문자열에 작은따옴표 사용 —JSON에는 모든 문자열과 키에 큰따옴표가 필요합니다.
- 마지막 항목 뒤의 쉼표 —JSON는 } 또는 ] 앞에 쉼표를 허용하지 않습니다.
- JSON의 주석 - 표준 JSON에서는 // 또는 /* */ 주석을 지원하지 않습니다. 주석이 필요한 경우 JSONC 또는 JSON5를 사용하세요.
- 따옴표가 없는 키 - JavaScript 객체 리터럴과 달리 JSON에서는 모든 키를 큰따옴표로 묶어야 합니다.
- 정의되지 않음, NaN 또는 무한대 값 —JSON은 정의되지 않음 또는 NaN이 아닌 null만 지원합니다.
팁
- API 요청으로 보내기 전에 항상 JSON의 유효성을 검사하십시오. 구문 오류로 인해 400 잘못된 요청 응답이 발생할 수 있습니다.
- 프로덕션에서는 축소된 JSON을 사용하여 대역폭을 절약하고 개발에서는 가독성을 위해 형식화된 JSON을 사용합니다.
- JSON는 Date 객체를 지원하지 않습니다. 날짜를 ISO 8601 문자열(예: "2026-09-02T00:00:00Z")로 직렬화합니다.
- JavaScript에서 JSON.parse()를 사용하여 JSON 문자열을 객체로 변환하고, JSON.stringify()를 사용하여 객체를 JSON 문자열로 변환합니다.