사용법
- 왼쪽 입력창에 JSON 텍스트를 붙여넣으세요.
- "정리" 또는 "압축" 버튼을 눌러 변환하세요.
- 문법 오류가 있으면 위치와 함께 즉시 표시됩니다.
🎯 이럴 때 씁니다
- API 응답 디버깅 — 한 줄로 뭉쳐진 JSON 응답을 읽기 좋게 정리해 원하는 필드를 빠르게 찾기
- 설정 파일 정리 — package.json, tsconfig.json 등 설정 파일을 보기 좋게 재정렬
- 전송 용량 최적화 — 압축(Minify)으로 불필요한 공백·줄바꿈을 제거해 API 응답 크기 축소
- 수기 작성 JSON 검증 — 설정값이나 테스트 데이터를 직접 타이핑할 때 따옴표·콤마 실수를 즉시 발견
입력 · 출력 예시
입력
{"name":"developk","tags":["json","tool"],"active":true}출력
{
"name": "developk",
"tags": [
"json",
"tool"
],
"active": true
}한 줄로 뭉쳐진 JSON에 "정리(Pretty)"를 적용한 결과입니다. 2칸 들여쓰기가 적용되어 키·값과 배열 요소가 줄 단위로 정렬됩니다.
자주 만나는 JSON 문법 오류
| 잘못된 예 | 오류 원인 | 올바른 예 |
|---|---|---|
{'name':'a'} | 작은따옴표는 JSON 표준 문법이 아님 | {"name":"a"} |
{"a":1,} | 배열·객체 마지막 요소 뒤 후행 콤마 불가 | {"a":1} |
{a:1} | 키를 따옴표 없이 작성 | {"a":1} |
{"a":undefined} | undefined는 JSON 값이 아님 | {"a":null} |
{"a":01} | 숫자 앞 불필요한 0(선행 0) | {"a":1} |
JSON은 JavaScript 객체 리터럴과 비슷해 보이지만 더 엄격한 하위 규격입니다. 자바스크립트 코드에서 그대로 복사해 붙여넣으면 위 표의 이유로 문법 오류가 발생하는 경우가 많습니다.
자주 묻는 질문
- 입력한 JSON이 서버로 전송되나요?
- 전송되지 않습니다.
JSON.parse/JSON.stringify로 브라우저 안에서만 처리됩니다. - 왜 "문법 오류" 메시지가 나오나요?
- 표준 JSON 문법(작은따옴표 불가, 후행 콤마 불가 등)을 따르지 않으면 오류 위치와 함께 안내됩니다. 자주 발생하는 패턴은 위 비교표를 참고하세요.
- 정리(Pretty)와 압축(Minify)의 차이는 무엇인가요?
- 정리는 들여쓰기를 넣어 사람이 읽기 쉽게 만들고, 압축은 불필요한 공백·줄바꿈을 제거해 파일 용량을 줄입니다. 실제 서버로 전송하는 API 응답은 대부분 압축된 형태입니다.
- 주석(comment)이 포함된 JSON도 처리되나요?
- 아니요. 표준 JSON은 주석을 지원하지 않습니다.
//나/* */가 포함되어 있다면 먼저 제거한 뒤 입력해야 합니다.
📘 더 알아보기: JSON Formatter로 API 응답 가독성 높이기
압축된 JSON을 보기 좋게 정리하는 법
다른 코딩 도구
🗓️
타임스탬프 변환
유닉스 타임스탬프 ↔ 날짜 변환
🧩
JSON 인코딩·디코딩
텍스트 ↔ JSON 문자열 리터럴 변환
✨
JavaScript/CSS 포맷팅
JS·CSS 코드 들여쓰기 정리
✂️
JavaScript/CSS 압축(Minify)
주석·공백 제거로 용량 줄이기
🧽
HTML 코드 포맷팅
HTML 태그 구조 들여쓰기 정리
🧹
XML 포매팅
XML 태그 구조 들여쓰기 정리
🗃️
SQL 문 정렬
SQL 절 단위로 줄바꿈 정렬
🔣
HTML 엔티티 인코드·디코드
특수문자 ↔ HTML 엔티티 변환
📊
Excel → TABLE TAG 변환
엑셀 표를 HTML TABLE로 변환
⛓️
링크(href, src) 추출
HTML에서 href·src 링크 추출
🎨
컬러 피커
HEX·RGB·HSL 색상 코드 확인
🐘
PHP 구문 검사기
괄호·문자열 짝 검사(실용 검사기)
🗄️
MySQL 구문 검사기
괄호·따옴표 짝 검사(실용 검사기)
🔍
HTML5 검증기
태그 짝·중복id·alt누락 검사
✍️
온라인 HTML 에디터
시각적으로 HTML 작성·편집