JSON 정리·검증

JSON 정리, 오류 위치를 찾는 방법까지

언제 쓰나요

개발자 도구의 네트워크 탭에서 복사한 API 응답, 쇼핑몰 연동 업체가 보내 준 샘플 데이터, 앱 설정 파일은 대부분 줄바꿈 없이 한 줄로 이어져 있어요. 원하는 값이 어느 단계 안에 들어 있는지 눈으로 찾기 어렵고, 직접 고친 설정 파일이 왜 안 읽히는지도 알기 힘들죠. 이 도구는 구조를 펼쳐 보여 주고, 틀린 곳을 짚어 주고, 다시 한 줄로 접어 주는 일을 한자리에서 해요.

사용 방법

1단계붙여 넣기

1. 1① 처음 열면 예시 JSON이 들어 있어요. 지우고 내 데이터를 붙여 넣으면 결과가 바로 바뀌어요.
2. 2② 오른쪽 결과 칸은 직접 고쳐 쓸 수도 있어요. 고친 뒤 ‘결과를 입력으로’를 누르면 다시 검사돼요.

2단계방법과 옵션 고르기

1. 3③ 들여쓰기 2칸·4칸·탭, 한 줄 압축, 이스케이프와 그 해제 중에서 골라요.
2. 4④ 키 정렬과 \uXXXX 변환은 정리·압축 결과에만 적용돼요.
3. 5⑤ 예시 JSON은 값 11개, 깊이 2로 나오고, 2칸 정리 결과는 184바이트로 원래 130바이트보다 커져요.

검사하는 방식

먼저 브라우저에 들어 있는 표준 JSON 해석기로 읽어요. 실패하면 오류 메시지에 적힌 위치를 줄과 글자 번호로 바꾸고, 메시지에 위치가 없으면 도구 안의 작은 검사기로 처음부터 한 글자씩 따라가 멈춘 곳을 찾아요. 그 줄의 앞뒤 40자를 잘라 보여 주고 아래에 ^로 자리를 찍어요.

흔한 실수 세 가지는 입력 전체를 보고 따로 짚어 줘요. 큰따옴표가 한 번도 없고 작은따옴표만 있으면 따옴표 안내를, 닫는 괄호 바로 앞에 쉼표가 있으면 끝 쉼표 안내를, //나 /*가 보이면 주석 안내를 붙여요.

검사기는 오류를 처음 만난 한 곳만 알려 줘요. 고친 뒤 결과가 다시 빨갛게 나오면 그다음 오류가 드러난 것이니, 안내된 줄을 하나씩 고쳐 나가면 돼요.

압축 결과를 다시 ‘보기 좋게’로 펼치면 원래와 같은 구조가 나오지만, 키 정렬을 켰다면 키 순서는 정렬된 상태로 남아요.

주의할 점

• 키 정렬 결과의 순서 — 키는 한국어 기준으로 정렬해서 한글 키가 영문 키보다 앞에 와요. 단, "2"나 "10"처럼 숫자로만 된 키는 자바스크립트 객체 규칙 때문에 항상 맨 앞에 숫자 크기 순으로 놓여요.
• 압축하면 원래 공백은 사라져요 — 문자열 안의 공백은 그대로지만, 값 사이의 들여쓰기와 줄바꿈은 되살릴 수 없어요. 원본이 필요하면 따로 보관하세요.
• 이스케이프 풀기 — 입력이 큰따옴표로 감싸여 있지 않으면 양끝에 따옴표를 붙여서 풀어요. 로그에서 복사한 \"…\" 덩어리를 따옴표 없이 넣어도 돼요.

• \uXXXX 변환 범위 — 한글뿐 아니라 영문·숫자·기본 기호를 뺀 모든 글자를 바꿔요. ‘홍’은 \ud64d가 되고, 이모지는 두 칸짜리라 \ud83d\ude00처럼 두 덩어리로 나뉘어요.

• 입력이 비면 — 칸을 모두 지우면 결과와 안내 줄도 함께 비워져요.

더 궁금한 점