JSON을 보기 좋게 정렬(Beautify)하거나 압축(Minify)하고, 문법 오류를 검사합니다.
이 도구는 무엇을 하나요
한 줄로 압축되어 읽기 힘든 JSON 응답이나, API 문서에서 복사한 JSON을 붙여넣으면 들여쓰기를 적용해 보기 좋게 정렬해줍니다.
반대로 정렬된 JSON을 한 줄로 압축(Minify)해 API 요청 본문이나 설정 파일에 붙여넣기 좋은 형태로 만들 수도 있습니다.
문법 오류가 있으면 어느 줄, 몇 번째 글자에서 문제가 발생했는지 함께 알려드립니다.
입력한 내용은 브라우저 안에서만 처리되며 서버로 전송되지 않습니다.
JSON이란 무엇인가요
JSON(JavaScript Object Notation)은 키-값 쌍으로 데이터를 표현하는 경량 텍스트 포맷입니다. 웹 API 응답, 설정 파일(package.json, tsconfig.json 등),
모바일 앱과 서버 간 통신, NoSQL 데이터베이스 문서 저장 등 거의 모든 소프트웨어 영역에서 표준처럼 쓰이고 있습니다.
사람이 읽을 수 있으면서도 기계가 파싱하기 쉬운 구조 덕분에 XML을 대체하며 널리 퍼졌습니다.
자주 발생하는 JSON 오류 유형
- trailing comma(후행 쉼표) — 배열이나 객체의 마지막 항목 뒤에 쉼표를 남겨두는 실수. JavaScript 객체 리터럴에서는 허용되지만 JSON 표준에서는 문법 오류입니다.
- 작은따옴표 사용 —
{'key': 'value'}처럼 작은따옴표로 감싸면 오류가 납니다. JSON은 반드시 큰따옴표(")만 허용합니다.
- key에 따옴표 누락 —
{key: "value"}처럼 키를 따옴표 없이 쓰는 JavaScript 스타일은 JSON에서 오류입니다.
- 주석 포함 —
// 설명이나 /* */ 형태의 주석은 JSON 표준에 없는 문법입니다.
- undefined, NaN 사용 — JavaScript에서는 유효한 값이지만 JSON에는 대응하는 표현이 없어 오류가 납니다.
들여쓰기 컨벤션
정해진 규칙은 없지만 JavaScript/JSON 생태계에서는 2칸이 가장 흔하고, Python 진영에서는 4칸을 쓰는 경우가 많습니다.
팀 컨벤션이나 사용 중인 포매터(Prettier, Black 등) 설정에 맞추시면 됩니다. API 응답을 로그나 문서에 붙여넣을 때는
가독성을 위해 2칸 들여쓰기를, 설정 파일을 diff로 비교할 일이 많다면 팀에서 합의한 칸 수를 일관되게 유지하는 것이 중요합니다.
자주 묻는 질문
JSON 문법 오류가 자주 나는 이유는 무엇인가요?
가장 흔한 원인은 마지막 항목 뒤에 붙는 불필요한 쉼표(trailing comma), 문자열을 작은따옴표로 감싼 경우, key에 따옴표를 빠뜨린 경우입니다. JSON 표준은 반드시 큰따옴표(")만 허용합니다.
들여쓰기 2칸과 4칸, 탭 중 뭘 써야 하나요?
정해진 규칙은 없지만 JavaScript/JSON 생태계에서는 2칸이 가장 흔하고, Python 진영에서는 4칸을 쓰는 경우가 많습니다. 팀 컨벤션이나 사용 중인 포매터(Prettier 등) 설정에 맞추시면 됩니다.
입력한 JSON이 외부로 전송되나요?
아니요. 정렬·압축·오류 검사 모두 브라우저 자바스크립트(JSON.parse/stringify)로만 처리되어 서버로 전송되지 않습니다. API 키나 개인정보가 섞인 응답을 다뤄도 안전합니다.
압축(Minify)은 언제 사용하나요?
API 요청 본문에 JSON을 붙여넣거나, 설정 파일 용량을 줄이거나, 네트워크 전송량을 최소화해야 할 때 사용합니다. 들여쓰기·줄바꿈이 사라져 사람이 읽기는 어려워지지만 데이터 자체는 동일합니다.
JSON과 JavaScript 객체는 같은 건가요?
비슷하지만 다릅니다. JSON은 언어 독립적인 텍스트 포맷으로 문자열·숫자·불리언·null·배열·객체만 표현할 수 있는 반면, JavaScript 객체는 함수·undefined·Date 등 더 다양한 타입을 담을 수 있고 키에 따옴표가 없어도 됩니다. JSON.stringify()로 JS 객체를 JSON 문자열로, JSON.parse()로 그 반대 변환을 합니다.