JSON 포맷터
JSON 정렬 · 압축 · 검증 · 신택스 하이라이팅 · 트리 뷰 · CSV 변환 · 키 검색
⚡ 즉시 처리
👁️ 신택스 하이라이팅
🌳 트리 뷰
📊 CSV 변환
🔍 키 검색
🔒 서버 전송 없음
JSON 포맷터 / 검증기
INPUT
OUTPUT
🔨 JSON 포맷터 기능 가이드
입력창에 JSON을 붙여넣으면 자동으로 유효성 검사가 실행돼요. 버튼으로 다양한 기능을 활용하세요.
🌟 정렬 (Beautify)
•압축된 JSON을 들여쓰기 적용해 정렬
•들여쓰기 2칸·4칸·탭 선택 가능
•신택스 하이라이팅으로 가독성 향상
•입력 즉시 자동 처리 (500ms 딜레이)
🔢 압축 (Minify)
•불필요한 공백·줄바꿈 완전 제거
•API 요청·응답 크기 최소화
•네트워크 전송 최적화
•통계 바에서 압축 전후 크기 비교
🔍 키 검색
•JSON 내 특정 키 이름으로 검색
•중첩된 구조에서도 재귀 검색
•검색 결과를 JSON 형태로 출력
•API 응답에서 원하는 키 빠르게 찾기
📊 CSV 변환
•JSON 배열 → CSV 형식으로 변환
•첫 번째 객체의 키가 헤더로 사용됨
•엑셀·스프레드시트에 바로 붙여넣기
•배열 형태 JSON에서만 동작
💡 JSON 작성 규칙 핵심 정리
JSON 유효성 오류가 자주 발생하는 패턴들을 정리했어요.
✅ 올바른 JSON
•키는 반드시 큰따옴표 사용: "key"
•문자열 값도 큰따옴표: "value"
•마지막 항목 뒤에 쉼표 없음
•null·true·false는 소문자
❌ 흔한 오류
•작은따옴표 사용: {'key': 'val'}
•trailing comma: [1, 2, 3,]
•주석 사용: // comment
•undefined 값 사용
❓ 자주 묻는 질문
Q. JSON 포맷터(Beautify)란 무엇인가요?
JSON Beautify는 한 줄로 압축된 JSON 데이터를 들여쓰기와 줄바꿈을 적용해 읽기 쉽게 정렬하는 도구예요. API 응답, 설정 파일, 데이터 확인 시 가독성을 크게 높여줘요.
Q. JSON Minify(압축)는 언제 사용하나요?
JSON을 네트워크로 전송하거나 파일 크기를 줄일 때 사용해요. 불필요한 공백과 줄바꿈을 모두 제거해 데이터 크기를 최소화해요. API 요청·웹 성능 최적화에 유용해요.
Q. JSON을 CSV로 어떻게 변환하나요?
JSON이 배열([…]) 형태여야 해요. CSV 버튼을 클릭하면 자동으로 변환돼요. 첫 번째 객체의 키가 CSV 헤더가 되고, 각 객체가 한 행이 돼요. 변환된 CSV를 복사해서 엑셀에 바로 붙여넣기 할 수 있어요.
Q. 입력한 JSON이 서버에 저장되나요?
전혀 저장되지 않아요. 모든 처리는 브라우저 안에서만 이루어지며 서버로 데이터가 전송되지 않아요. API 키·비밀번호·개인정보가 포함된 JSON도 안전하게 사용할 수 있어요.
Q. JSON과 JavaScript 객체의 차이는?
JSON은 데이터 교환 형식으로 키와 문자열 값에 반드시 큰따옴표를 사용해야 해요. JavaScript 객체는 키에 따옴표 없이 쓸 수 있고 함수·undefined도 허용해요. JSON은 JavaScript 객체의 부분집합이에요.