JSON 예쁘게 보기: 포맷터와 검사기
원본 JSON이나 한 줄로 압축된 JSON을 붙여넣으면 들여쓰기와 색 구분이 적용된 모습으로 보여 줘요. 큰 숫자, 키 순서, 중복된 키는 쓴 그대로 나와요. JSON에 문제가 있으면 무엇이 잘못됐는지와 몇 행 몇 열인지 알려 줘요.
JSON 포맷터 사용 방법
JSON 포맷터를 온라인으로 쓰는 순서예요.
- JSON을 원본 JSON 칸에 붙여넣으세요(“여기에 원본 JSON을 붙여넣으세요...”라고 적혀 있어요). 붙여넣으면 바로 포맷돼요. 직접 입력할 때는 입력을 멈추고 약 300밀리초 뒤에 결과가 바뀌어요.
- 결과는 포맷된 JSON에서 확인하세요. 키, 문자열, 숫자, true / false, null이 각각 다른 색으로 보여요. 긴 줄은 줄바꿈하지 않고 옆으로 스크롤돼서 들여쓰기가 흐트러지지 않아요.
- JSON이 올바르면 결과 아래에 “올바른 JSON이에요.”가 나와요. 그렇지 않으면 빨간 올바르지 않은 JSON 상자가 이유를 설명해요.
- 결과 제목에 있는 복사를 선택하세요. 버튼에 잠깐 “복사했어요”가 표시되고, 붙여넣는 내용은 색이 없는 일반 텍스트예요.
- 아래의 지우기를 선택하면 칸을 비우고 처음부터 다시 시작할 수 있어요.
JSON 들여쓰기: 공백 2칸, 4칸, 탭
제목 옆의 톱니바퀴 아이콘을 선택하면 들여쓰기가 열려요. 선택지는 공백 2칸(기본값), 공백 4칸, 탭이에요. 고르는 즉시 포맷된 결과가 바뀌고, 이 설정은 복사하는 텍스트에도 적용돼요.
깊게 중첩된 데이터에서는 공백 2칸이 줄이 가장 짧아요. 공백 4칸이나 탭은 많은 프로젝트의 스타일 가이드와 맞아요.
숫자와 키 순서가 그대로 유지되는 이유
대부분의 JSON 포맷터는 텍스트를 객체로 읽은 뒤 다시 출력해요. 이 왕복 과정에서 데이터가 조용히 바뀌어요. 이 도구는 원본 텍스트를 읽어 JSON 규칙에 맞는지 확인하고, 토큰 사이의 공백만 바꿔요. 나머지는 한 글자씩 그대로 복사해요.
같은 입력 {"id":12345678901234567890,"price":1.0,"tag":"a","tag":"b","b":1,"2":3} 을 이 도구와 JSON.parse 뒤에 JSON.stringify를 쓴 경우로 비교해 볼게요.
- 큰 숫자: 이 도구에서는
12345678901234567890그대로예요.JSON.parse에서는12345678901234567000으로 반올림돼요. - 소수:
1.0은1.0그대로예요. 다른 방식에서는1이 돼요. - 중복된 키:
"tag"항목 두 개가 모두 남아요. 다른 방식에서는 마지막 값만 남아요. - 키 순서:
"b"가"2"보다 앞에 있어요. 쓴 그대로예요. 다른 방식에서는"2"가 맨 앞으로 와요.
데이터베이스 ID, 주문 번호, API 응답에서 복사한 가격처럼 값이 중요한 경우에 의미가 커요. 포맷된 텍스트는 원본과 같은 데이터이고, 읽기 쉬워졌을 뿐이에요.
JSON 검사와 JSON 오류 찾기: 오류 메시지의 뜻
이 도구는 엄격한 JSON(RFC 8259)을 JSON 문법 검사해요. 통과하지 못하면 올바르지 않은 JSON 상자에 쉬운 말로 된 이유와 처음 발견한 문제의 “N행 M열”이 표시돼요. 흔한 경우는 이래요.
- 끝의 쉼표(예:
[1, 2,]): “닫는 괄호 바로 앞에 쉼표가 있어요. JSON에서는 마지막 쉼표를 쓸 수 없어요.” - 작은따옴표(예:
{'name': 'Ana'}): JSON은 큰따옴표를 써요. 도구가 위치를 알려 줘요. - 주석(예:
// note): “JSON에는 주석을 쓸 수 없어요.” - 따옴표 없는 속성 이름(예:
{name: "Ana"}): 여기에는 큰따옴표로 감싼 속성 이름이 와야 해요. - 빠진 쉼표(예:
"b": 2 "c": 3): 쉼표나 닫는 괄호가 와야 해요. - 앞자리 0이나
1.(예:01): 올바른 JSON 숫자가 아니에요. NaN,undefined같은 단어: 따옴표 없이 쓸 수 있는 건 true, false, null뿐이에요.- JSON 뒤의 텍스트(예:
{"a": 1}}): 끝난 뒤에 불필요한 텍스트가 있어요. - 문자열 안의 줄바꿈:
\n같은 이스케이프로 써 주세요.
같은 상자에서 닫히지 않은 문자열, 쓸 수 없는 백슬래시 이스케이프, 끝까지 열려 있는 괄호(“텍스트가 너무 일찍 끝났어요”)도 알려 줘요. 웹페이지나 채팅에서 붙여넣은 줄바꿈 없는 공백은 U+00A0으로 표시돼서 찾아서 지울 수 있고, 파일 맨 앞의 바이트 순서 표시는 무시돼요.
여러 줄 예시예요. {"a": 1,, "b": 2, "c": 3}에서는 둘째 줄 끝에 쉼표가 없어요. 도구는 “3행 2열”이라고 알려 줘요. "c"의 여는 따옴표이고, 그 앞에 쉼표가 있어야 하는 위치예요.
제한과 이 도구가 하지 않는 일
- 최대 5,000,000자, 중첩 1000단계까지 처리해요. 포맷 자체는 순식간이지만, 몇 메가바이트짜리 결과를 표시하는 데는 몇 초 걸릴 수 있어요.
- 800,000자를 넘으면 결과가 색 없이 표시돼요. 복사는 그대로 쓸 수 있어요.
- 엄격한 JSON만 지원해요. 주석, 끝의 쉼표, 작은따옴표는 받아들이거나 몰래 고치지 않고 알려 줘요.
- 압축, 키 정렬, YAML이나 CSV 같은 다른 형식으로의 변환은 하지 않아요. 포맷과 검증만 해요.
- JSON은 브라우저 안에서 포맷돼요. 업로드하거나 저장하지 않아요.
자주 묻는 질문
JSON을 온라인에서 예쁘게 보려면 어떻게 하나요?
JSON을 “원본 JSON” 칸에 붙여넣으세요. 붙여넣으면 바로, 입력할 때는 입력을 멈추고 약 300밀리초 뒤에 포맷되고, 들여쓰기가 적용된 결과가 아래 “포맷된 JSON”에 나와요. “복사”를 선택하면 가져갈 수 있어요. 포맷은 브라우저 안에서 이뤄지므로 JSON이 업로드되지 않아요.
JSON 들여쓰기를 공백 4칸이나 탭으로 바꾸려면 어떻게 하나요?
제목 옆의 톱니바퀴 아이콘을 선택해 “들여쓰기” 메뉴를 열고 공백 2칸, 공백 4칸, “탭” 중에서 고르세요. 기본값은 공백 2칸이고, 다른 옵션을 고르면 결과가 바로 바뀌어요.
JSON 검사로 올바른 JSON인지 확인하려면 어떻게 하나요?
붙여넣기만 하면 돼요. 올바른 문서는 포맷되고 결과 아래에 “올바른 JSON이에요.”가 나와요. 올바르지 않으면 빨간 “올바르지 않은 JSON” 상자에 쉬운 말로 된 이유와 문제가 있는 행과 열이 표시돼요.
JSON에서 마지막 쉼표 때문에 오류가 나는 이유가 뭔가요?
JSON은 객체나 배열의 마지막 항목 뒤에 쉼표를 둘 수 없어요. 예를 들어 [1, 2,]가 그래요. 도구는 남는 쉼표 뒤에 오는 닫는 괄호를 가리켜요. 쉼표를 지우면 포맷돼요.
JSON에 주석을 쓸 수 있나요?
아니요. 엄격한 JSON(RFC 8259)에는 주석 문법이 없어서, 일부 설정 파일에서는 허용하더라도 // 와 /* */ 는 오류예요. 도구가 정확한 행과 열에서 “JSON에는 주석을 쓸 수 없어요.”라고 알려 주니, 주석을 지우고 계속하세요.
포맷하면 숫자나 키 순서가 바뀌나요?
아니요. 도구는 원본 텍스트를 확인하고 토큰 사이의 공백만 다시 써요. 숫자, 문자열, 키 순서, 중복된 키는 그대로 복사되므로 12345678901234567890은 반올림되지 않고 1.0은 1.0으로 남아요. JSON.parse 뒤에 JSON.stringify를 쓰면 이 모든 것이 바뀌어요.
큰 JSON 파일도 포맷할 수 있나요?
네, 최대 5,000,000자와 중첩 1000단계까지 가능해요. 포맷 자체는 순식간이지만 몇 메가바이트짜리 결과를 표시하는 데는 몇 초 걸릴 수 있어요. 800,000자를 넘으면 빠르게 유지하려고 구문 색 없이 표시되고, “복사”는 그대로 쓸 수 있어요.
내 JSON이 어딘가에 업로드되나요?
아니요. JSON은 전부 내 기기에서 포맷되고, 업로드하거나 저장하지 않아요.
JSON formatter, JSON beautifier, JSON 검사기는 뭐가 다른가요?
포맷터와 뷰티파이어는 JSON을 읽기 쉽게 줄바꿈과 들여쓰기를 더해요. 검사기는 텍스트가 올바른 JSON인지 확인해요. 이 도구는 두 가지를 한 번에 해요. 엄격하게 검증하고, JSON이 올바르면 포맷해요.
