WebTools

Useful Tools & Utilities to make life easier.

Json Beautifier

복잡한 JSON 데이터를 보기 좋게 정렬해줍니다.

서식 옵션

Json Beautifier

복잡한 JSON 데이터를 보기 좋게 정렬해줍니다.

JSON 뷰티파이어란?

API 응답이나 설정 파일을 복사하면 {"name":"홍길동","age":30,"tags":["a","b"]}처럼 한 줄로 길게 붙어 오는 경우가 많습니다. 사람 눈으로는 어디서 값이 끝나고 다음 항목이 시작되는지 알아보기 어렵습니다. JSON 뷰티파이어는 이렇게 압축된 JSON을 줄바꿈과 들여쓰기로 펼쳐, 계층 구조가 한눈에 들어오도록 정리해 주는 도구입니다. 문법이 맞는지 확인만 하는 것이 아니라, 보기 좋은 형태로 다시 써 주는 것이 핵심입니다.

정리 과정에서 이 도구는 몇 가지 선택지를 제공합니다. 유니코드 이스케이프()를 원래 한글로 되돌리거나, 슬래시 앞의 백슬래시(\/)를 /로 풀 수 있고, 객체의 키(key)를 알파벳순으로 정렬할 수도 있습니다. 그래서 같은 데이터라도 훨씬 읽기 쉽고, 두 응답을 비교하거나 코드 리뷰에 붙일 때 편해집니다.

사용 방법

  1. 입력칸에 정리할 JSON을 붙여 넣습니다. 한 줄로 압축된 상태 그대로 넣어도 됩니다.
  2. 필요하면 정렬 옵션(들여쓰기 크기, 유니코드 풀기, 슬래시 풀기, 키 정렬)을 선택합니다.
  3. 변환 버튼을 누르면 아래에 들여쓰기된 결과가 나옵니다.
  4. 결과칸 옆의 복사를 눌러 문서나 코드 편집기에 붙여 넣습니다.

정리 전후 비교와 옵션

아래는 한 줄로 압축된 JSON이 들여쓰기된 형태로 바뀌는 예시입니다.

정리 전 (압축)정리 후 (들여쓰기)
{"user":{"name":"홍길동","age":30},"tags":["a","b"]} {
    "user": {
        "name": "홍길동",
        "age": 30
    },
    "tags": [
        "a",
        "b"
    ]
}

정렬 옵션은 다음과 같은 역할을 합니다.

옵션하는 일
들여쓰기 크기계층마다 몇 칸씩 안으로 들여쓸지 선택2 · 4 · 8칸
유니코드 풀기이스케이프된 문자를 원래 글자로 표시 → 홍
슬래시 풀기슬래시 앞 백슬래시를 제거http:\/\/http://
키 정렬객체의 키를 알파벳순으로 재배열b,a,ca,b,c
유효성만 확인정리하지 않고 문법이 맞는지만 알려 줌정상 / 오류

정리를 시작하기 전에 문법이 틀리면 결과 대신 오류 안내가 나옵니다. 즉 뷰티파이어는 정리와 함께 간단한 확인도 겸하지만, 오류의 원인을 자세히 살펴보는 것은 목적이 아닙니다.

자주 묻는 질문

한글이 \u로 시작하는 알 수 없는 문자로 나와요.

원본이 유니코드 이스케이프(홍길동) 형태로 저장된 경우입니다. 유니코드 풀기 옵션을 켜고 변환하면 홍길동처럼 원래 한글로 되돌아옵니다. 반대로 이 옵션을 끄면 이스케이프된 상태 그대로 유지됩니다.

키 정렬을 켜면 값이 바뀌거나 사라지나요?

아닙니다. 키 정렬은 객체 안 키들의 순서만 알파벳순으로 다시 늘어놓을 뿐, 값 자체는 그대로입니다. 다만 JSON 표준에서 객체 키의 순서는 의미가 없으므로, 순서에 의존하는 프로그램이 아니라면 정렬해도 데이터의 뜻은 달라지지 않습니다.

들여쓰기만 다시 없애 한 줄로 압축할 수도 있나요?

이 도구는 읽기 좋게 펼치는 방향에 초점을 둡니다. 사람이 보기 편하도록 들여쓰기를 넣어 주는 것이 주 기능이며, 전송량을 줄이려고 공백을 모두 없애는 압축(minify)은 별도의 작업입니다.

정리했더니 오류가 뜨는데 무엇을 봐야 하나요?

뷰티파이어는 문법이 틀리면 정리를 멈추고 오류를 알립니다. 다만 어디가 왜 틀렸는지 원인을 짚어 주는 일은 JSON 유효성 검사기가 더 잘합니다. 후행 쉼표나 홑따옴표 같은 대표적인 실수를 찾을 때는 그쪽을 함께 쓰세요.

더 알아보기

JSON의 기본 구조와 API 응답을 읽는 순서, 자주 나는 쉼표·따옴표 오류를 처음부터 정리한 내용이 필요하다면 JSON 포맷터 가이드에서 이어서 확인해 보세요. JSON 표준(RFC 8259)은 주석과 후행 쉼표를 허용하지 않으므로, 코드에서 복사할 때 그런 요소가 섞이지 않도록 주의하는 것이 좋습니다.