본문으로 건너뛰기
Betterbit Tools

JSON 포맷터

JSON을 정렬·압축하고 트리 뷰로 탐색합니다. 오류가 있으면 정확한 줄·열 번호를 알려줍니다.

  • 브라우저에서 처리 — 파일이 기기 밖으로 나가지 않습니다
  • 즉시 처리 — 대기열 없음

.json 파일 열기

파일을 끌어다 놓거나 클릭하세요. Ctrl/Cmd+V로 붙여넣기도 됩니다

이 브라우저에만 저장됨
정렬된 JSON이 여기에 표시됩니다.
—
크기 (UTF-8)
—
글자수
—
최대 깊이
—
키 개수
—
값 개수

사용 방법

  1. 입력창에 JSON을 붙여넣거나 직접 입력합니다. .json 파일을 끌어다 놓아도 됩니다.
  2. 오른쪽에서 크기·깊이·키 개수 통계를 실시간으로 확인하고, 정렬·압축·트리 보기를 전환합니다.
  3. 정렬 보기에서는 들여쓰기를 2칸, 4칸, 탭 중에서 선택합니다.
  4. "키 정렬(A-Z)"을 켜면 키를 알파벳순으로 정렬한 사본을 만들어 두 JSON을 비교하기 쉽게 만듭니다.
  5. JSON이 잘못됐다면 이해하기 쉬운 오류 설명을 읽고 "오류로 이동"을 눌러 문제 글자로 바로 이동합니다.
  6. 결과를 복사하거나 다운로드합니다. 입력한 JSON은 이 탭을 벗어나지 않습니다.

왜 브라우저 콘솔의 오류 메시지와 다를까

브라우저마다 JSON 오류 메시지가 다릅니다. 이 도구는 실패한 입력을 RFC 8259 JSON 문법으로 다시 검사해 첫 오류의 줄·열 번호와 이해하기 쉬운 이유를 보여줍니다. “오류로 이동”을 누르면 그 문자를 입력창에서 바로 선택합니다.

엄격한 JSON에서는 키와 문자열 값을 반드시 큰따옴표로 감싸야 합니다. 닫는 괄호 앞에 쉼표를 남기거나, 숫자 앞에 0을 붙이거나(01), 소수점만 단독으로 쓰는(1. 또는 .5) 것도 허용되지 않습니다.

JSON 파싱이 실패하는 흔한 이유

쉼표가 남은 경우: {"a": 1, "b": 2,} — 닫는 중괄호 앞의 쉼표를 지워야 합니다. 작은따옴표: {'a': 1} — JSON은 키와 문자열 값 모두 큰따옴표만 허용합니다. 따옴표 없는 키: {a: 1} — 키를 따옴표로 감싸야 합니다. 주석: 표준 JSON에는 // 나 /* */ 같은 주석 문법이 전혀 없습니다. 데이터에 주석이 있다면 그것은 JSON5나 JSONC이지 순수 JSON이 아니므로 다른 파서가 필요합니다. "속성 없음", "무한대", "숫자 아님" 같은 자바스크립트 전용 값도 JSON으로는 유효하지 않으며, 대신 null이나 문자열을 써야 합니다.

정렬, 압축, 트리 중 무엇을 써야 할까

정렬된(pretty-print) JSON은 코드 리뷰나 읽기에 가장 편합니다. 압축된 JSON은 문자열 밖의 공백을 제거하므로 API 요청이나 한 줄 설정값에 유용합니다. 트리 뷰는 깊게 중첩된 API 응답을 탐색할 때 좋습니다. 관심 없는 가지는 접어두고, 큰 배열과 객체는 처음 50개씩만 표시한 뒤 “더 보기”로 필요한 부분만 펼치세요.

업로드 없이 브라우저에서 처리

파싱, 정렬, 포맷팅, 트리 뷰는 모두 이 브라우저 탭에서 처리됩니다. 파일과 텍스트는 서버로 전송되지 않습니다. 실제 처리 한계는 기기의 메모리와 브라우저에 따라 다르며, 매우 큰 문서는 파싱이나 포맷팅에 시간이 걸릴 수 있습니다. 트리는 처음 50개 항목씩 보여 주고 깊은 가지는 접어 두어 필요한 부분을 더 빠르게 살펴볼 수 있습니다.

자주 묻는 질문

쉼표 관련 오류(trailing comma)는 왜 나오나요?

표준 JSON(RFC 8259)은 닫는 "}" 나 "]" 바로 앞에 쉼표를 허용하지 않습니다. {"a": 1, "b": 2,}는 유효하지 않으며, 마지막 쉼표를 지워 {"a": 1, "b": 2}로 써야 합니다. 자바스크립트 객체 리터럴 등 일부 언어는 이런 쉼표를 허용하기 때문에 자주 헷갈리는 부분입니다.

토큰이나 개인정보가 담긴 API 응답을 붙여넣어도 안전한가요?

네. 이 도구는 자바스크립트에 내장된 JSON 엔진을 사용해 전적으로 브라우저 안에서 동작합니다. 붙여넣거나 입력한 내용은 어디에도 전송되지 않으며, 브라우저 개발자도구의 네트워크 탭을 열어 직접 확인할 수 있습니다.

JSON과 JSON5·JSONC는 무엇이 다른가요?

표준 JSON(RFC 8259)은 주석이나 쉼표 남김을 허용하지 않고, 키는 반드시 큰따옴표로 감싸야 합니다. JSON5와 JSONC(VS Code의 settings.json 등에서 사용)는 이 규칙을 완화해 주석, 남는 쉼표, 따옴표 없는 키를 허용합니다. 이 도구는 엄격한 표준 JSON을 검사하므로, JSON5·JSONC 파일은 먼저 주석을 지워야 합니다.

JSON 키를 알파벳순으로 정렬할 수 있나요?

네. "키 정렬(A-Z)"을 켜면 모든 객체의 키를 재귀적으로 알파벳순(A-Z)으로 정렬하고 배열 순서는 그대로 둡니다. 키 순서만 다른 두 JSON 파일을 비교할 때, 안정적이고 diff하기 쉬운 사본을 만드는 데 유용합니다.

얼마나 큰 JSON 파일까지 처리할 수 있나요?

도구에 정해 둔 용량 제한은 없습니다. 다만 실제 처리 한계는 기기의 메모리와 브라우저에 따라 다르고, 매우 큰 문서는 파싱이나 포맷팅에 시간이 걸릴 수 있습니다. 트리 뷰는 처음 50개 항목을 보여 주고 깊은 가지를 접어 두므로, 필요한 곳에서만 “더 보기”로 항목을 펼치면 됩니다.

JSON에 주석을 쓸 수 있나요?

아니요. JSON 표준(RFC 8259 / ECMA-404)에는 주석 문법이 전혀 없습니다. 주석이 필요하다면 VS Code나 TypeScript의 tsconfig.json처럼 JSON을 확장한 JSON5나 JSONC를 쓰는 것이며, 이런 파일은 더 관대한 별도의 파서가 필요합니다.

관련 도구

대소문자 변환제목 표기 규칙과 개발용 표기법을 선택하면 결과가 바로 바뀝니다.텍스트 비교줄·단어·글자 단위로 비교하고, 한글 자모가 분리된 경우에도 정확하게 비교합니다.글자수 세기공백 포함·제외, 바이트, 단어수를 입력하는 즉시 계산합니다.Base64 인코더·디코더텍스트와 파일을 Base64로 바꾸고 되돌립니다. URL-safe 지원, 오프라인 동작, 브라우저 밖으로 나가지 않습니다.URL 인코더URL 값, 전체 주소, 폼 데이터를 퍼센트 인코딩하고 쿼리 파라미터를 표에서 바로 확인·수정하세요.UUID 생성기보안 난수 기반 UUID v4 또는 시간순 UUID v7을 대량으로 만들고, 필요한 코드 형식으로 바로 복사합니다.해시 생성기텍스트·파일 체크섬을 브라우저에서 바로 만들고, 업로드 없이 비교합니다.JWT 디코더JWT 또는 Bearer 토큰을 붙여 넣어 클레임과 만료 시간을 바로 확인합니다. 토큰을 전송하거나 저장하지 않습니다.정규식 테스트JavaScript 정규표현식의 매치와 캡처 그룹을 바로 확인하고, 입력하던 패턴과 테스트 문장도 이 브라우저에서 이어서 작업합니다.색상 변환기HEX와 RGB 값을 바로 바꾸고, 복사 가능한 CSS 표기와 흰색·검은색 배경 대비율을 한 화면에서 확인합니다.CSV JSON 변환CSV와 JSON을 양방향으로 바로 변환하고, 복사·다운로드 전에 결과 행을 표로 확인합니다.화면 해상도 확인브라우저가 보고한 화면·뷰포트·DPR·배율을 한눈에 확인하고, CSS 픽셀과 모니터의 실제 패널 해상도를 구분합니다.

2026-10-15 업데이트