JSON 포매터

JSON 문자열을 보기 좋게 들여쓰기하거나 최소화합니다. 유효성 오류도 함께 표시합니다.

카테고리: 개발자 도구

언제 사용하나요?

API 응답이나 로그에서 한 줄로 압축된 JSON을 읽기 좋게 펼쳐야 할 때, 또는 작성한 JSON에 문법 오류가 있는지 확인해야 할 때 사용합니다. 배포 전 JSON 설정 파일을 압축할 때도 활용됩니다.

사용 방법

  • 입력란에 JSON 텍스트를 붙여넣습니다.
  • "포맷" 버튼을 누르면 들여쓰기된 JSON이 표시됩니다.
  • "압축" 버튼을 누르면 공백 없이 한 줄로 압축됩니다.
  • 문법 오류가 있으면 오류 위치와 메시지가 표시됩니다.

입력값 안내

유효한 JSON 텍스트를 입력합니다. 문자열은 큰따옴표("), 키도 큰따옴표로 감싸야 합니다. 후행 쉼표(trailing comma)는 허용되지 않습니다.

계산·변환 기준

브라우저 내장 `JSON.parse()`를 통해 텍스트를 파싱하여 문법적 유효성을 검사하고, 오류가 없을 경우 `JSON.stringify(data, null, 2)`를 사용해 들여쓰기를 적용하거나, 반대로 3번째 인자를 생략하여 모든 공백을 제거한 최소화(Minify) 문자열을 반환합니다.

사용 예시

  • API 응답 가독성 향상 - 한 줄로 압축된 API 응답 JSON을 들여쓰기해 구조를 파악합니다.
  • JSON 유효성 확인 - 작성한 JSON에 문법 오류가 있는지 즉시 검사합니다.
  • JSON 압축 - 배포 전 JSON 설정 파일의 공백을 제거해 파일 크기를 줄입니다.

예시

  • {"name":"홍길동","age":30} → 들여쓰기 후 읽기 좋은 형태로 변환
  • 한 줄로 압축된 API 응답 JSON → 2칸 들여쓰기로 펼쳐 구조 확인
  • 배열이 중첩된 복잡한 JSON → 4칸 들여쓰기로 계층 구조 명확히 시각화
  • 서버 로그에서 추출한 한 줄짜리 JSON 이벤트 데이터 → 즉시 가독성 있게 정렬
  • JSON minify 기능 → 정렬된 코드를 한 줄로 압축해 API 요청 payload로 활용
  • 잘못된 JSON 붙여넣기 → 오류 위치(줄/컬럼 번호)를 즉시 표시해 디버깅

주의사항

  • JSON.parse()의 엄격한 문법 검사로 처리됩니다. 후행 쉼표, 주석, 싱글 쿼트는 표준 JSON에서 허용되지 않아 오류로 표시됩니다.
  • 입력한 JSON은 브라우저에서만 처리되며 서버로 전송되지 않습니다.

계산·사용 가이드

JSON 포매팅과 검증

JSON을 들여쓰기해 구조를 읽기 쉽게 만들고, 문법 오류가 있으면 어디서 문제가 생겼는지 알려줍니다.

JSON 압축과 파싱

공백을 제거해 크기를 줄이는 압축과 반대로 가독성을 높이는 정렬을 모두 지원합니다. API 응답을 분석하거나 설정 파일을 점검할 때 바로 붙여넣으면 편합니다.

자주 묻는 질문

JSON 포매터가 지원하는 들여쓰기는?

2칸 또는 4칸 들여쓰기를 선택할 수 있습니다. 코드 스타일 가이드에 따라 원하는 방식을 골라 적용하면 됩니다. 기본값은 2칸 들여쓰기입니다.

유효하지 않은 JSON을 입력하면 어떻게 되나요?

파싱 오류 메시지가 표시되며, 오류가 발생한 위치(줄·열 번호)도 함께 안내됩니다. 흔한 오류 원인으로는 후행 쉼표(trailing comma), 주석(//, /* */), 싱글 쿼트 사용 등이 있습니다. 표준 JSON 문법을 지켜 수정하면 정상 포맷됩니다.

JSON 최소화(minify)는 무엇인가요?

불필요한 공백·줄바꿈을 제거해 JSON을 한 줄로 만드는 작업입니다. 네트워크 전송량 절감이나 API 페이로드 크기 최소화가 목적일 때 사용합니다. 예를 들어 설정 파일을 배포 서버에 올리기 전에 minify하면 파일 크기를 크게 줄일 수 있습니다.

큰 JSON도 처리할 수 있나요?

브라우저 메모리 한도 내에서 처리합니다. 일반적인 API 응답이나 설정 파일 수준(수 MB 이내)은 문제없이 처리됩니다. 수십 MB 이상의 매우 큰 JSON 파일은 브라우저 탭이 느려질 수 있으므로 이 경우 jq 같은 CLI 도구를 사용하는 것을 권장합니다.

입력한 JSON 데이터가 서버로 전송되나요?

아니요. 입력한 JSON은 브라우저 내에서만 처리되며 서버로 전송되지 않습니다. API 키나 민감한 데이터가 포함된 JSON도 안심하고 포맷할 수 있습니다.

주석이 포함된 JSONC 파일도 처리할 수 있나요?

표준 JSON 파서는 주석을 지원하지 않아 오류로 표시됩니다. JSONC(JSON with Comments)나 JSON5 형식의 파일은 먼저 주석을 제거한 뒤 붙여넣으세요. VS Code에서 JSONC를 열어 주석 없이 복사하는 방법을 사용할 수도 있습니다.

관련 도구

  • YAML ↔ JSON 변환기 - YAML과 JSON 데이터를 브라우저에서 양방향으로 변환합니다.
  • CSV ↔ JSON 변환기 - CSV와 JSON 배열 데이터를 양방향으로 변환합니다.
  • Query String ↔ JSON 변환기 - URL 쿼리스트링과 JSON 객체를 양방향으로 변환합니다.
  • UUID 생성기 - 암호학적으로 안전한 UUID v4를 최대 20개까지 한 번에 생성합니다.
  • SQL 포매터 - 압축되거나 뒤섞인 SQL 쿼리를 SELECT·FROM·WHERE·JOIN 등 절 단위로 보기 좋게 정렬합니다. MySQL·PostgreSQL·SQLite 등 주요 DBMS 방언을 지원합니다.
  • HTML 포매터 - 한 줄로 압축되거나 들여쓰기가 엉망인 HTML 코드를 태그 계층에 맞춰 줄바꿈과 들여쓰기로 정리합니다. CMS·API에서 받은 HTML 응답을 분석할 때 특히 유용합니다.