사용 방법
- 입력 에디터에 JSON을 붙여 넣거나 파일 열기를 눌러 .json 파일을 불러옵니다. 자동 정리를 켜 두면 입력하는 동안 결과가 바로 갱신됩니다.
- 들여쓰기(공백 2칸, 4칸, 탭)를 고르고 정리를 누르면 보기 좋게 정리되고, 압축을 누르면 불필요한 공백이 모두 사라집니다. 키 정렬을 켜면 키가 알파벳순으로 정렬됩니다.
- 결과를 복사하거나 다운로드합니다. 줄 번호 옆 화살표로 객체와 배열을 접을 수 있습니다. JSON이 올바르지 않으면 상태 줄에 행과 열이 표시되고 입력창에 밑줄이 그어집니다.
예시
{"name":"MultiKit","tools":[1,2]}→ {
"name": "MultiKit",
"tools": [
1,
2
]
}공백 2칸으로 정리한 결과입니다.{
"a": 1,
"b": [1, 2]
}→ {"a":1,"b":[1,2]}압축하면 문자열 밖의 모든 공백과 줄바꿈이 사라집니다.{a: 1}→ 오류: JSON의 키는 큰따옴표로 감싸야 하므로 파서가 거부합니다.
계산 방식
이 도구는 브라우저에 내장된 JSON 파서(JSON.parse)로 텍스트를 읽고 JSON.stringify로 다시 써 줍니다. 그래서 브라우저가 받아들이는 JSON 문법만 인식합니다. 문자열과 키는 큰따옴표로 감싸야 하고, 주석과 끝 쉼표는 허용되지 않습니다.
읽기에 실패하면 브라우저 파서의 메시지가 표시됩니다. 문구는 브라우저마다 다릅니다. Chrome과 Firefox는 위치를 알려 주며, 도구가 이를 행과 열로 바꿔 입력창에 밑줄로 표시합니다. Safari는 위치를 알려 주지 않아 메시지만 표시됩니다.
상태 줄에는 문서의 형태(객체인지 배열인지), 키나 항목의 개수, 중첩 깊이, 정리 전후의 크기도 함께 표시됩니다.
정리는 각 키와 배열 항목을 한 줄에 하나씩 쓰고 선택한 만큼 들여씁니다. 압축은 같은 데이터를 문자열 밖의 공백 없이 씁니다.
출처
자주 묻는 질문
- 내 JSON이 올바르지 않다고 나오는 이유는 무엇인가요?
- 가장 흔한 원인은 큰따옴표 대신 작은따옴표를 쓴 경우, 따옴표 없는 키, 마지막 항목 뒤의 쉼표, 주석입니다. 엄격한 JSON은 이 중 어느 것도 허용하지 않습니다.
- 정리하면 데이터가 바뀌나요?
- 도구는 JSON을 읽은 다음 다시 써 줍니다. 값은 그대로 유지되지만 중복된 키는 마지막 값 하나로 합쳐지고, 9007199254740991(2^53 - 1)보다 큰 숫자는 자바스크립트가 숫자를 64비트 실수로 저장하기 때문에 정밀도를 잃을 수 있습니다.
- 키 정렬은 무엇을 하나요?
- 모든 객체의 키를 알파벳순으로 정렬합니다. 두 JSON을 비교 도구로 비교할 때 편리합니다. 배열 안 항목의 순서는 바뀌지 않습니다. 정수처럼 생긴 키("10", "2" 등)는 자바스크립트가 항상 맨 앞에 놓습니다.
- 얼마나 큰 파일까지 열 수 있나요?
- 10MB까지 열 수 있습니다. 문서 전체가 브라우저 메모리에 올라가므로 매우 큰 문서는 에디터가 느려질 수 있습니다.
- 정리와 압축은 무엇이 다른가요?
- 정리는 사람이 읽기 좋도록 줄바꿈과 들여쓰기를 넣고, 압축은 이를 모두 제거해 텍스트를 가장 짧게 만듭니다. 전송하거나 저장할 때 압축이 유용합니다.
- 내 JSON이 서버로 업로드되나요?
- 아니요. 읽기와 정리는 모두 브라우저 안에서 실행되며 데이터는 서버로 전송되지 않습니다.