JSON 포맷터 및 검증기 — 무료, 브라우저에서 바로

어떤 JSON이든 붙여넣고 클릭 한 번으로 깔끔하게 정리하세요. 이 포맷터는 지저분하거나 압축된 JSON을 읽기 쉬운 들여쓰기 구조로 보기 좋게 만들어 주며, 반대로 운영 환경을 위해 한 줄로 압축하는 것도 그만큼 간단합니다.

모든 처리는 네이티브 JSON 엔진을 사용해 브라우저에서 로컬로 실행됩니다 — 데이터가 서버로 전송되는 일은 결코 없습니다. 그래서 API 응답, 설정 파일, 그 밖에 알 수 없는 웹사이트에 붙여넣기 꺼려지는 어떤 것이든 안전하게 다룰 수 있습니다.

작동 방식

텍스트를 붙여넣으면 도구는 브라우저에 내장된 JSON.parse에 그것을 넘겨 메모리상의 객체로 변환합니다. 파싱에 성공하면 JSON.stringify가 텍스트를 다시 만들어 냅니다. 선택한 들여쓰기(공백 2칸, 공백 4칸, 또는 탭)를 넘기면 보기 좋게 정리된 모습이 나오고, 들여쓰기를 넘기지 않으면 압축된 한 줄이 나옵니다. 검증은 단순히 다시 출력하지 않고 파싱만 하는 것입니다.

JSON.parse와 JSON.stringify 모두 브라우저의 네이티브 함수이기 때문에, 라이브러리를 내려받지도 않고 서버로 요청을 보내지도 않습니다. JSON은 페이지의 메모리에 머물다가 탭을 닫으면 사라집니다. 이렇게 로컬에서만 동작하도록 설계한 덕분에 API 응답, 토큰, 설정 파일이 비공개로 유지됩니다 — 무엇도 업로드되는 일이 없습니다.

파싱에 실패하면 브라우저는 무엇이 잘못되었는지 설명하는 SyntaxError를 발생시킵니다. 도구는 그 메시지를 그대로 보여주어, 추측하는 대신 문제가 된 문자로 바로 이동할 수 있게 합니다.

사용해야 할 때

압축된 API 응답이나 로그 한 줄을 받아 구조를 실제로 읽어야 할 때 포맷을 활용하세요. 들여쓰기를 하면 중첩 구조가 드러나, 어떤 필드가 존재하는지 확인하거나 값이 누락된 이유를 추적하기 쉬워집니다.

JSON을 저장하거나 전송하기 전에는 압축을 활용하세요. URL에 포함된 설정, 네트워크로 전송되는 페이로드, 데이터베이스 컬럼에 저장하는 값 모두 공백을 없애면 이득을 봅니다. 출력은 바이트 단위로 동일한 데이터를 더 적은 문자로 담은 것입니다.

설정 파일, 픽스처, 웹훅 샘플처럼 직접 손으로 편집한 JSON이 있고 배포 전에 제대로 파싱되는지 확인하고 싶을 때면 언제든 검증을 사용하세요. 여기서 잘못 들어간 쉼표 하나를 잡는 것이, 나중에 실패한 요청을 디버깅하는 것보다 빠릅니다.

팁

잘못된 JSON의 대부분은 몇 가지 실수에서 비롯됩니다. 배열이나 객체의 마지막 항목 뒤에 오는 후행 쉼표는 JavaScript에서는 유효하지만 JSON에서는 허용되지 않으니 제거하세요. 문자열과 키는 작은따옴표가 아니라 반드시 큰따옴표를 써야 하며, 모든 키는 따옴표로 감싸야 합니다. 주석은 전혀 허용되지 않습니다.

JavaScript 소스에서 값을 복사했다면 undefined, NaN, 함수 값에 주의하세요 — 모두 유효한 JSON이 아니므로 대신 null을 사용하세요. 오류가 특정 위치에서 예기치 않은 토큰을 언급하면 그 문자까지 세어 보세요. 실제 문제는 그 바로 앞, 예컨대 닫는 괄호 누락인 경우가 많습니다. 정리된 텍스트를 포맷으로 한 번 더 돌려, 제대로 왕복하는지 확인하세요.

JSON 포맷터 사용 방법

1. 입력란에 JSON을 붙여넣거나 입력하세요.
2. 원하는 들여쓰기 크기를 선택하세요: 공백 2칸, 공백 4칸, 또는 탭.
3. "포맷"을 눌러 보기 좋게 만들거나, "압축"을 눌러 한 줄로 압축하세요.
4. JSON이 올바르지 않다면 오류 메시지를 읽고 문제를 찾아 수정하세요.
5. 포맷된 결과를 클릭 한 번으로 클립보드에 복사하세요.

자주 묻는 질문

관련 도구