JSON 포맷터 & 미화 도구
JSON 정렬, 검증, 복구 — 후행 콤마, Python 리터럴 등 자동 수정.
JSON 포맷터란?
JSON(JavaScript Object Notation)은 데이터를 저장하고 전송하기 위한 경량 텍스트 형식입니다. API 응답, 설정 파일, 데이터베이스 출력 등 다양한 곳에서 사용됩니다. JSON 포맷터는 읽기 어려운 압축된 JSON 데이터를 들여쓰기와 줄바꿈을 추가하여 사람이 읽기 쉬운 형태로 변환합니다. 개발자, 데이터 분석가, QA 엔지니어 등 JSON을 다루는 모든 사람에게 유용한 도구입니다.
사용 방법
- 왼쪽 입력창에 JSON 데이터를 붙여넣기 하세요.
- 정렬 (Beautify) 버튼을 클릭하면 들여쓰기가 적용된 읽기 쉬운 형태로 포맷팅됩니다.
- 압축 (Minify) 버튼을 클릭하면 불필요한 공백을 제거한 최소화된 JSON이 출력됩니다. 네트워크 전송 크기를 줄일 때 유용합니다.
- 유효성 검사로 JSON 문법 오류를 확인할 수 있습니다. 오류가 있으면 위치와 원인을 알려줍니다.
- 복구 시도는 잘못된 JSON을 자동으로 수정합니다. 따옴표 누락, 괄호 불일치, 후행 콤마, Python 리터럴(None/True/False) 등 다양한 오류를 복구합니다.
주요 기능 상세
정렬 (Beautify)
압축된 JSON을 보기 좋게 펼쳐줍니다. 들여쓰기는 2칸, 4칸, 탭 중 선택할 수 있습니다. API 응답이나 로그 데이터를 분석할 때 필수적입니다.
압축 (Minify)
공백과 줄바꿈을 모두 제거하여 JSON을 최소 크기로 만듭니다. 웹 API 요청이나 파일 저장 시 용량을 절약할 수 있습니다.
유효성 검사 (Validate)
JSON 문법이 올바른지 즉시 확인합니다. 오류가 있으면 구체적인 오류 메시지를 표시하여 어디가 잘못되었는지 파악할 수 있습니다.
JSON 복구 (Repair)
잘못된 JSON을 자동으로 수정합니다. 작은따옴표, 따옴표 없는 키, 후행 콤마, 괄호 불일치, Python 리터럴(None, True, False), JS/CSS 주석 등을 복구합니다.
자주 발생하는 JSON 오류
JSON 후행 콤마 오류 해결 방법
예: {"name":"John",} — 마지막 항목 뒤에 콤마가 있는 경우. JavaScript에서는 허용되지만 JSON에서는 오류입니다. 복구 도구가 자동으로 제거합니다. 예시를 클릭하여 시도해보세요.
JSON 작은따옴표 오류 해결 방법
JSON은 큰따옴표(")만 허용합니다. {'name':'John'}처럼 작은따옴표를 사용하면 파싱 오류가 발생합니다. 복구 도구가 자동으로 변환합니다. 예시를 클릭하여 시도해보세요.
JSON 괄호 불일치 오류 해결 방법
예: {"data":[1,2,3} — 여는 괄호와 닫는 괄호가 일치하지 않는 경우. 복구 도구가 스택 알고리즘으로 올바른 괄호를 찾아 수정합니다. 예시를 클릭하여 시도해보세요.
JSON 따옴표 없는 키 오류 해결 방법
예: {name:"John"} — 키에 따옴표가 없는 경우. JavaScript 객체에서는 유효하지만 JSON에서는 오류입니다. 복구 도구가 따옴표를 추가합니다. 예시를 클릭하여 시도해보세요.
개인정보 보호
입력하신 모든 JSON 데이터는 브라우저에서만 처리됩니다. 어떠한 데이터도 서버로 전송되지 않습니다. API 키, 토큰, 민감한 데이터도 안전하게 사용할 수 있습니다.
💡 JSON 테스트 픽스처를 만드시나요? UUID 생성기에서 UUID v4/v7 식별자를 최대 1,000개까지 일괄 생성하여 JSON의 id 필드에 바로 붙여넣을 수 있습니다.
JSON 기본 문법
JSON은 두 가지 구조로 이루어져 있습니다: 키-값 쌍의 모음인 객체({})와 순서가 있는 값의 목록인 배열([]). 단순하고 읽기 쉬운 형식으로, REST API, 설정 파일, 데이터 저장 등 거의 모든 프로그래밍 언어에서 표준 데이터 형식으로 사용됩니다.
"name": "John"
반드시 큰따옴표로 감싸야 합니다.
"age": 30
정수와 실수를 지원합니다.
"active": true
소문자 true 또는 false만 허용됩니다.
"nickname": null
비어있거나 없는 값을 나타냅니다.
"address": {"city": "Seoul"}
중괄호 안에 키-값 쌍을 담는 구조입니다.
"scores": [95, 87, 92]
대괄호 안에 순서가 있는 값의 목록입니다.
예시
{
"name": "John",
"age": 30,
"active": true,
"nickname": null,
"address": {
"city": "Seoul",
"zip": "04524"
},
"scores": [95, 87, 92]
}