API 응답이 한 줄로 길게 오면 구조를 봐야 하고, 아예 파싱되지 않으면 어디가 문제인지 알아야 합니다. 이 페이지는 아무것도 전송하지 않고 두 가지를 모두 해결합니다. 파싱, 들여쓰기, 트리 보기가 전부 브라우저에서 이루어집니다.

사용 방법

1. 1 JSON을 입력란에 붙여넣거나 예제 불러오기를 눌러 동작을 확인하세요.
2. 2 들여쓰기를 고르고, 두 응답을 비교할 때는 키 정렬을 체크하세요.
3. 3 정렬을 누르세요. JSON이 잘못되었으면 줄과 열을 알려 주고, 정상이면 트리로 전환해 살펴볼 수 있습니다.

오류 메시지는 무엇인지 알려 줄 뿐 어디인지는 알려 주지 않습니다

브라우저마다 잘못된 문서를 알리는 방식이 다릅니다. 문자 위치를 주는 것도, 줄과 열을 주는 것도, 아무것도 주지 않는 것도 있습니다. 이 페이지는 브라우저가 내놓은 형식을 읽어 줄과 열로 바꾸고, 해당 줄을 정확한 지점 아래에 표시와 함께 보여 줍니다. 위치를 전혀 얻을 수 없으면 메시지만 보여 주고 줄은 표시하지 않습니다. 엉뚱한 줄을 가리키는 것이 아무 줄도 가리키지 않는 것보다 나쁘기 때문입니다.

정렬과 압축은 같은 작업의 두 방향

둘 다 파싱된 값에서 문서를 다시 만들기 때문에, 입력의 공백이 이상해도 출력은 항상 올바른 JSON입니다. 압축은 토큰 사이의 공백을 전부 없애므로 헤더나 쿼리 문자열, 테스트 데이터에 넣기 전에 쓰기 좋습니다.

{"id":7,"tags":["a","b"],"ok":true}

{
  "id": 7,
  "tags": [
    "a",
    "b"
  ],
  "ok": true
}

키를 정렬하면 두 응답을 비교할 수 있습니다

JSON에서 객체 키에는 정해진 순서가 없어 서버마다 같은 데이터를 다른 순서로 돌려줄 수 있고, 단순 텍스트 비교는 온통 차이로 표시됩니다. 키를 정렬하면 두 문서가 먼저 같은 형태가 됩니다. 배열은 일부러 건드리지 않습니다. 배열에서 순서는 잡음이 아니라 데이터 자체이기 때문입니다.

붙여넣은 내용은 이 페이지를 벗어나지 않습니다

정렬이 필요한 JSON은 대개 실제 API 응답이고, 토큰이나 고객 정보, 주문 내용이 들어 있는 경우가 많습니다. 여기에는 업로드 단계도 서버 측 처리도 없습니다. 모든 작업이 이미 열려 있는 이 페이지 안에서 이루어집니다.