JSON 정리기
JSON 데이터를 보기 좋게 정리하거나 한 줄로 압축합니다.
사용법
- JSON 데이터를 입력란에 붙여넣습니다.
- 들여쓰기 스타일(2칸, 4칸, 탭)을 선택합니다.
- 정리 버튼을 누르면 보기 좋게 포맷되고, 압축 버튼을 누르면 한 줄로 압축됩니다.
- 복사 버튼으로 결과를 가져갑니다.
JSON 기본 규칙
- 키(key)는 반드시 큰따옴표로 감싸야 합니다.
- 문자열 값도 큰따옴표를 씁니다. 작은따옴표는 허용되지 않습니다.
- 마지막 항목 뒤에 쉼표를 넣으면 안 됩니다 (trailing comma 금지).
- 주석은 지원되지 않습니다.
- 값으로 올 수 있는 타입: 문자열, 숫자, 불리언, null, 배열, 객체.
JSON vs XML 비교
JSON과 XML은 모두 데이터 교환에 쓰이지만, 특성이 다릅니다. 아래 표로 차이를 비교해 보세요.
| 항목 | JSON | XML |
|---|---|---|
| 문법 | 중괄호·대괄호 기반 | 태그(<>)기반 |
| 가독성 | 간결하고 읽기 쉬움 | 태그가 많아 장황할 수 있음 |
| 데이터 타입 | 문자열, 숫자, 불리언, null, 배열, 객체 | 모든 값이 문자열 |
| 주석 | 지원하지 않음 | <!-- --> 으로 지원 |
| 파일 크기 | 상대적으로 작음 | 태그 때문에 큼 |
| 파싱 속도 | 빠름 (네이티브 지원) | 상대적으로 느림 |
| 주요 용도 | 웹 API, 설정 파일 | 문서 마크업, SOAP API |
흔한 JSON 실수 모음
JSON은 문법이 엄격합니다. 아래는 개발자들이 자주 하는 실수와 해결 방법입니다.
- 1. Trailing Comma (마지막 쉼표)
- {"name": "Kim", "age": 30,}처럼 마지막 항목 뒤에 쉼표를 넣으면 파싱 에러가 납니다. JavaScript에서는 허용되지만 JSON에서는 금지입니다.
- 2. 작은따옴표 사용
- {'name': 'Kim'}은 JSON이 아닙니다. 키와 문자열 값 모두 큰따옴표만 허용됩니다.
- 3. 주석 포함
- JSON에는 주석을 넣을 수 없습니다. 설정 파일에 주석이 필요하면 JSONC(JSON with Comments)나 YAML을 사용하세요.
- 4. 키에 따옴표 누락
- {name: "Kim"}은 JavaScript 객체 문법이지 JSON이 아닙니다. JSON의 키는 반드시 큰따옴표로 감싸야 합니다.
- 5. undefined 사용
- JSON에서는 undefined를 값으로 쓸 수 없습니다. 값이 없음을 표현하려면 null을 사용하세요.
자주 묻는 질문
JSON이란?
JSON(JavaScript Object Notation)은 데이터를 주고받을 때 쓰는 텍스트 형식입니다. 사람이 읽기 쉽고 프로그래밍 언어에서 쉽게 다룰 수 있어, 웹 API와 설정 파일에 널리 쓰입니다.
JSON 유효성 검사는 어떻게 하나요?
JSON을 입력란에 붙여넣으면 자동으로 유효성을 검사합니다. 괄호 짝이 맞지 않거나 쉼표가 빠진 경우 등 오류를 바로 알려 줍니다.
들여쓰기 스타일은 어떤 게 좋나요?
2칸 들여쓰기가 가장 널리 쓰이며, 4칸은 가독성이 좋고 탭은 취향에 따라 너비를 조절할 수 있습니다. 프로젝트의 코딩 컨벤션에 따르는 것이 좋습니다.
입력한 정보가 저장되나요?
아닙니다. 모든 처리는 브라우저 안에서만 이루어지고, 입력한 JSON은 서버로 전송되지 않습니다.
JSON과 JavaScript 객체의 차이는?
JSON은 키를 반드시 큰따옴표로 감싸야 하고, 함수나 undefined 값을 쓸 수 없습니다. JavaScript 객체는 키에 따옴표가 없어도 되고 함수도 값으로 넣을 수 있습니다. JSON은 언어에 종속되지 않는 데이터 교환 형식이기 때문에 더 엄격한 규칙을 따릅니다.