Beautify vs Minify
**Beautify(들여쓰기)**: 들여쓰기 2~4칸으로 펼쳐서 사람이 읽기 좋게 만들어요. 코드 리뷰·디버깅 표준이에요. **Minify(압축)**: 공백·줄바꿈 다 제거해서 파일 크기 30~50% 줄여요. 프로덕션 API 응답·설정 파일 배포에 써요. 파일 크기가 곧 네트워크 비용이거든요. 둘 다 데이터는 똑같아요. 형식만 달라요.
JSON 포맷터
JSON을 예쁘게 정렬하거나 압축하세요. 문법 오류도 확인할 수 있습니다.
결과가 여기에 표시됩니다JSON 포맷터는 API 응답 디버깅, 설정 파일 검증, 로그 분석처럼 매일 마주치는 JSON을 사람이 읽을 수 있게 만들어 줘요. 들여쓰기·압축·검증·트리뷰까지 한 화면에서 처리합니다.
흔한 JSON 에러 4가지
1. **trailing comma**: `{"a": 1,}` ← 마지막 쉼표가 표준 JSON에서는 에러. JSON5는 허용하지만 fetch 응답 등 표준 환경에서는 금지. 2. **single quote**: `{'a': 1}` ← JSON은 큰따옴표만 허용. 파이썬 dict 출력을 그대로 붙여넣으면 자주 만남. 3. **주석**: `// comment` 도 표준 JSON에 없음. 설정 파일은 JSONC·YAML로. 4. **숫자 앞 +**: `{"a": +1}` ← 양의 부호 명시 금지. `1`만 OK.
큰 JSON 다룰 때 팁
10MB 이상 JSON은 브라우저 단순 포맷터에서 멈춰요. `jq`(CLI) 또는 스트리밍 파서(JSON Stream Parser) 추천. 또 nested depth가 100 단계 넘어가면 일부 라이브러리가 stack overflow 일으키니 평탄화(flatten) 검토. log·analytics 데이터처럼 row 형태라면 NDJSON(줄당 1 JSON)으로 저장하세요. 파일 크기·파싱 속도 모두 유리해요.
자주 묻는 질문
JSON과 JavaScript 객체, 뭐가 다른가요?
JSON은 데이터 형식, JS 객체는 런타임 값이에요. JSON은 큰따옴표·표준 자료형만 허용하고, 함수·undefined·circular reference 못 담아요.
한글 키나 값이 \u로 깨져 보이는데요?
ASCII-safe 옵션이 켜진 거예요. `JSON.stringify`의 기본은 한글 그대로 출력이지만, 일부 라이브러리(JSON.NET 등)는 escape를 기본으로 해요. 인코딩 옵션을 unicode·utf-8로 바꾸세요.
API 응답이 깨졌어요. 어디부터 봐야 해요?
포맷터 에러 메시지의 라인·컬럼 번호 먼저. 90%는 trailing comma·따옴표 누락이에요. CRLF 줄바꿈 + 인코딩(BOM) 문제도 자주 나오니 hex 에디터로 첫 3바이트 확인하세요.