JSON 포맷터·검증기
뒤엉킨 JSON을
줄 맞춰 반듯하게
한 줄로 붙어 온 JSON을 붙여넣으면 들여쓰기를 맞춰 정리하고, 문법이 틀렸다면 몇 번째 줄 몇 번째 칸이 왜 틀렸는지까지 짚어줍니다. 꼬리 쉼표나 주석 같은 흔한 실수는 버튼 한 번으로 고칠 수 있습니다.
입력한 내용은 서버로 전송되지 않고, 모두 이 브라우저 안에서만 처리됩니다.
왼쪽에 JSON을 입력하면 정리된 결과가 여기 나타납니다.
JSON 포맷터·검증기 사용법
- JSON 붙여넣기: API 응답, 설정 파일, 로그에서 복사한 JSON을 왼쪽 입력칸에 붙여넣으세요. .json 파일을 열거나 끌어다 놓아도 됩니다.
- 결과 확인: 문법이 올바르면 오른쪽에 들여쓰기가 맞춰진 결과가 색과 함께 나타납니다. 크기·키 개수·중첩 깊이 같은 요약도 함께 보여줍니다.
- 오류 고치기: 문법이 틀렸다면 몇 번째 줄 몇 번째 칸이 문제인지 화살표로 짚어줍니다. 꼬리 쉼표·주석·작은따옴표 같은 흔한 실수라면 자동 고침 버튼이 나타나고, 누르면 표기만 고쳐서 다시 정리합니다.
- 내보내기: 정리된 결과를 복사하거나 .json 파일로 저장하세요. 전송용으로 용량을 줄이려면 들여쓰기에서 압축(한 줄)을 고르면 됩니다.
이런 데 쓰면 좋습니다
- API 응답 읽기: 한 줄로 붙어 온 응답을 정리해 구조를 한눈에 파악
- 설정 파일 점검: package.json, tsconfig 같은 설정에서 쉼표 하나 때문에 안 되는 원인 찾기
- 데이터 전달 전 검증: 손으로 만든 JSON을 서버에 보내기 전에 문법 확인
- 이스케이프된 한글 풀기:
한글처럼 온 응답을 읽을 수 있는 글자로
고친 설정 파일이 이전 버전과 어디가 달라졌는지 확인하려면 텍스트 비교를 함께 쓰세요.
JSON이 자꾸 틀리는 이유, 대부분 이 여섯 가지입니다
JSON은 자바스크립트 객체와 비슷하게 생겼지만 규칙이 훨씬 깐깐합니다. 코드에서는 되던 습관이 JSON에서는 오류가 됩니다.
- 꼬리 쉼표: 마지막 항목 뒤의 쉼표(
{"a": 1,})는 허용되지 않습니다. 가장 흔한 오류입니다. - 작은따옴표: 문자열과 키는 반드시 큰따옴표(
")여야 합니다.'이름'은 오류입니다. - 따옴표 없는 키:
{name: "홍길동"}은 자바스크립트에서는 되지만 JSON에서는{"name": "홍길동"}이어야 합니다. - 주석: JSON에는 주석이 없습니다.
//나/* */가 있으면 그 자리에서 파싱이 멈춥니다. - 파이썬식 표기:
True·False·None은true·false·null로 적어야 합니다. - 문자열 안의 진짜 줄바꿈: 문자열 안에서 엔터를 치면 안 되고
\n으로 적어야 합니다.
이 도구의 자동 고침은 위 실수들을 값은 건드리지 않고 표기만 바로잡습니다. 무엇을 고쳤는지도 함께 알려주므로, 다음부터는 손이 기억합니다.
자주 묻는 질문 (FAQ)
입력한 JSON이 서버로 전송되나요?
아니요. 검사와 정리는 모두 이 브라우저 안에서만 이뤄지고, 내용이 외부로 전송되거나 저장되지 않습니다. API 키나 내부 설정이 담긴 JSON도 안심하고 붙여넣을 수 있습니다. (직전 입력은 편의를 위해 이 브라우저에만 저장되며, 모두 지우기를 누르면 지워집니다.)
자동 고침은 무엇을 고쳐 주나요?
표준 JSON이 허용하지 않는 표기 습관을 고칩니다. 꼬리 쉼표, //·/* */ 주석,
작은따옴표 문자열, 따옴표 없는 키, 파이썬식 True·False·None,
문자열 안의 진짜 줄바꿈 등입니다. 값 자체는 바꾸지 않으며, 무엇을 고쳤는지 목록으로 보여줍니다.
고칠 수 없는 오류(짝이 안 맞는 괄호 등)는 위치를 짚어주니 직접 확인하면 됩니다.
키를 정렬하면 데이터가 달라지나요?
JSON 표준에서 객체의 키 순서는 의미가 없어서, 대부분의 프로그램은 정렬해도 똑같이 동작합니다. 순서에 의미가 있는 배열은 그대로 둡니다. 두 JSON을 비교하기 전에 양쪽 다 키를 정렬해 두면 순서 차이가 사라져서 실제로 달라진 값만 보입니다.
숫자가 미세하게 바뀌는 것 같아요.
자바스크립트(브라우저)는 정수를 약 15~16자리까지만 정확히 다룹니다. 그보다 긴 숫자 (예: 트위터 ID, 계좌 일련번호)는 끝자리가 반올림될 수 있어서, 이 도구가 긴 숫자를 발견하면 경고를 띄웁니다. 그런 값은 원본 시스템에서 문자열(따옴표로 감싼 형태)로 다루는 것이 안전합니다.
JSON5나 JSONC 파일도 검사할 수 있나요?
JSON5·JSONC는 주석과 꼬리 쉼표 등을 허용하는 확장 문법입니다. 이 도구는 표준 JSON 기준으로 검사하지만, 자동 고침을 누르면 주석·꼬리 쉼표를 제거해 표준 JSON으로 바꿔주므로 사실상 JSON5·JSONC를 표준 JSON으로 변환하는 용도로도 쓸 수 있습니다.
얼마나 큰 JSON까지 처리할 수 있나요?
브라우저 안에서 처리하므로 기기 성능에 따라 다르지만, 수 MB 크기도 대체로 문제없습니다. 아주 큰 결과는 색 입히기만 생략하고 정리 자체는 그대로 해줍니다. 수십 MB가 넘는 파일은 브라우저가 느려질 수 있으니 필요한 부분만 잘라서 붙여넣는 것을 권합니다.
JSON 가이드
- JSON이란: 5분 만에 읽는 기본 문법: 여섯 가지 값 타입과 꼭 지켜야 하는 규칙을 비개발자 눈높이로
- JSON 파싱 오류, 흔한 원인 8가지와 고치는 법: 오류 메시지에서 위치 읽는 법과 원인별 예시
- JSON 정리(포맷) vs 압축(미니파이), 언제 뭘 쓸까: 들여쓰기 관례와 키 정렬의 용도까지