JSON Pretty Print
가독성을 위한 사용자 정의 들여쓰기로 JSON 서식 지정
예시 시도
입력
서식 지정된 출력
로컬에서 실행 · 시크릿 붙여넣기 안전
서식 지정된 JSON이 여기에 표시됩니다…
로컬에서 실행 · 시크릿 붙여넣기 안전
서식 지정된 JSON이 여기에 표시됩니다…
JSON Pretty Print란?
JSON pretty print는 압축되고 읽기 어려운 JSON을 깔끔하게 들여쓰기된 여러 줄 형식으로 변환합니다. 기계는 한 줄짜리 JSON을 문제없이 파싱하지만, 사람은 구조가 필요합니다 — 시각적 계층, 정렬된 괄호, 일관된 들여쓰기 — 복잡한 데이터를 빠르게 이해하기 위해.
Before · json
After · json
{"user":"alice","role":"admin","permissions":["read","write"],"active":true,"lastLogin":1717200000}{
"user": "alice",
"role": "admin",
"permissions": [
"read",
"write"
],
"active": true,
"lastLogin": 1717200000
}JSON을 왜 Pretty Print 해야 할까요?
API, 데이터베이스, 로그 파일의 원시 JSON은 대역폭을 절약하기 위해 종종 압축됩니다. Pretty print는 디버깅, 검토, 데이터 이해에 필요한 사람이 읽을 수 있는 구조를 복원합니다.
🔍
더 빠른 디버깅
텍스트 벽을 문자 하나하나 분석하는 대신 누락된 필드, 잘못된 값, 구조 오류를 몇 초 안에 발견할 수 있습니다.
👥
더 명확한 코드 리뷰
Pull request에서 JSON 설정 파일 변경 사항을 검토하는 것은 적절한 들여쓰기가 있으면 훨씬 쉬워집니다 — 검토자가 무엇이 변경되었는지에 집중할 수 있습니다.
🔌
API 검사
새로운 API를 탐색할 때 서식 지정된 응답을 통해 데이터 모델과 중첩 구조를 한눈에 파악할 수 있습니다.
📝
문서화 및 공유
서식 지정된 JSON은 문서, 위키, 티켓, Slack에 바로 붙여넣을 수 있으며 누구도 정신적으로 파싱할 필요가 없습니다.
들여쓰기 선택
2칸과 4칸 모두 널리 사용됩니다. 올바른 선택은 보통 팀의 스타일 가이드나 개인 취향에 따라 달라집니다.
2칸 공백
JavaScript와 JSON 커뮤니티에서 가장 인기 있는 선택. 파일을 간결하게 유지하면서도 읽기 쉽습니다. npm, ESLint, 대부분의 JS 스타일 가이드에서 사용됩니다.
4칸 공백
Python, Java, C# 프로젝트에서 일반적입니다. 더 많은 시각적 여백을 제공하며 깊게 중첩된 구조에서 선호됩니다.
주요 사용 사례
API 응답 디버깅
원시 API 응답을 붙여넣고 전체 데이터 구조, 중첩 객체, 배열 내용을 읽기 쉬운 레이아웃으로 즉시 확인합니다.
설정 파일 읽기
압축된 JSON에 저장된 설정은 서식 지정 후 읽고 편집하기가 간단해집니다 — 더 이상 특정 키를 찾아 헤매지 않아도 됩니다.
로그 분석
구조화된 로그에는 종종 JSON 페이로드가 포함됩니다. 개별 로그 항목을 서식 지정하면 근본 원인 분석이 훨씬 빨라집니다.
개발자 문서
API 문서에 명확하게 들여쓰기된 JSON 예제를 제공하면 개발자가 요청과 응답 형태를 즉시 이해할 수 있습니다.
데이터 탐색
익숙하지 않은 데이터셋을 작업할 때 pretty print는 문서를 읽지 않고도 전체 스키마 — 필드, 타입, 중첩 — 를 드러냅니다.
테스트 및 QA
테스트 실패 시 예상 JSON과 실제 JSON 비교는 일관된 들여쓰기와 줄별 구조가 있으면 훨씬 쉬워집니다.
터미널에서 Pretty Print
항상 브라우저 도구가 필요한 것은 아닙니다. 이 명령어들은 추가 설치 없이 터미널에서 직접 JSON을 서식 지정합니다.
Python
echo '{"a":1}' | python3 -m json.toolNode.js
node -e "console.log(JSON.stringify(JSON.parse(require('fs').readFileSync('/dev/stdin','utf8')),null,2))"CLI (jq)
cat data.json | jq .
curl + jq
curl -s https://api.example.com/data | jq .
자주 묻는 질문
What is JSON pretty printing?
JSON pretty printing (also called JSON formatting or JSON beautifying) converts compact, minified JSON into a human-readable layout with consistent indentation and line breaks. It makes nested structures, arrays, and key-value pairs easy to scan and debug.
Pretty print가 데이터를 변경하나요?
아니요. 공백 문자만 추가됩니다 — 어떤 데이터, 키, 값, 순서도 수정되지 않습니다. 서식 지정된 JSON 파일은 의미적으로 원본과 동일합니다.
2칸과 4칸 공백 중 어느 것이 더 좋나요?
어느 것도 객관적으로 더 낫지 않습니다. 2칸은 더 간결하며 많은 JavaScript 도구의 기본값입니다. 4칸은 더 많은 시각적 분리를 제공합니다. 팀 스타일 가이드에서 지정한 것을 사용하세요.
유효하지 않은 JSON을 서식 지정할 수 있나요?
아니요 — 입력이 먼저 유효한 JSON이어야 합니다. 후행 쉼표, 작은따옴표, 주석(JSONC/JSON5)이 있다면 먼저 표준 JSON으로 변환하세요.
브라우저 DevTools에서 JSON을 서식 지정하려면?
Chrome/Firefox DevTools에서 네트워크 응답 패널 하단의 {} 버튼을 클릭하면 자동으로 서식 지정됩니다. 콘솔에서 JSON.stringify(obj, null, 2)를 실행해 JavaScript 객체를 서식 지정할 수도 있습니다.
관련 도구
JSON 포맷터구문 강조와 함께 JSON 포맷 및 미화JSON 유효성 검사기JSON 구문 및 구조 검증JSON 비교 도구두 JSON 객체를 비교하고 차이점 강조 표시JSON 압축기공백 제거로 JSON 압축 및 최소화JSON to YAML 변환기JSON을 YAML 형식으로 변환JSON to CSV 변환기JSON 배열을 CSV 형식으로 변환JSON to TypeScript 인터페이스 생성기JSON에서 TypeScript 인터페이스 생성JSON to C# 클래스 변환JSON에서 C# 클래스 생성JSON to Go 구조체 생성기JSON에서 Go 구조체 생성JSON to Python Dataclass 생성기JSON에서 Python dataclass 생성JSON to Java 클래스 생성기JSON에서 Java POJO 클래스 생성JSON to DartfromJson 및 toJson이 포함된 Dart 클래스를 JSON에서 생성