JSON 파서란?
JSON 데이터 더미를 보면서 그냥 테이블로 볼 수 있으면 좋겠다고 생각한 적 있으신가요? 이 도구가 바로 그것을 합니다. JSON 파서는 JSON(JavaScript Object Notation) 데이터를 실제로 작업할 수 있는 인터랙티브 HTML 테이블로 변환해줍니다.
API 응답 디버깅, 데이터 내보내기 분석, 설정 파일 이해 등 어떤 작업이든 이 도구가 시간을 절약해줍니다. 중첩된 객체를 수동으로 파싱하거나 데이터 조회용 스크립트를 작성할 필요가 없습니다. MDN Web Docs에 따르면 JSON은 API에서 가장 일반적인 데이터 형식이며, 저희 파서는 모든 표준 JSON 구조를 처리합니다.
가장 좋은 점은? 모든 것이 브라우저에서 실행됩니다. 명시적으로 공유하지 않는 한 데이터가 서버에 전달되지 않습니다. 빠르고 무료이며 비공개입니다.
JSON 파서 사용 방법
다음 단계를 따라 JSON 데이터를 파싱, 조회, 작업하세요. 각 단계는 이 페이지의 실제 버튼과 기능을 사용합니다.
JSON 붙여넣기 또는 샘플 불러오기
Postman의 API 응답, 설정 파일, 데이터베이스 내보내기에서 JSON을 왼쪽 편집기에 붙여넣으세요. 어디서 시작할지 모르겠다면 툴바의 샘플 버튼을 클릭하여 예시 제품 데이터를 불러오세요. 샘플은 다음과 같은 객체 배열을 보여줍니다:
[{"id": 1, "subscriberId": "SUB-1001", "plan": "Unlimited 5G", "dataUsage": 45.2}, {"id": 2, "subscriberId": "SUB-1002", "plan": "Family Plan", "dataUsage": 120.5}]잘못된 JSON은 편집기 아래에 오류 메시지가 표시됩니다. 누락된 쉼표나 따옴표를 수정하면 테이블이 자동으로 표시됩니다.
테이블로 보기
오른쪽 패널이 JSON을 즉시 테이블로 변환합니다. 객체 배열은 행이 되고, 객체 키는 열이 됩니다. 샘플 데이터의 경우 구독자당 한 행씩 id, subscriberId, plan, dataUsage 열이 표시됩니다. 중첩된 객체나 배열은 셀 내 테이블로 표시됩니다. 데이터가 넓은 경우 기본과 중첩 버튼으로 행과 열을 전치할 수 있습니다. 파싱은 RFC 8259 JSON 사양을 따릅니다.
행 필터링
각 열에는 헤더 아래에 필터 박스가 있습니다. 입력하여 결과를 좁히세요. 예시: plan 열에 5G를 입력하면 5G 플랜만 표시되고, dataUsage 열에 100을 입력하면 사용량이 많은 구독자를 찾을 수 있습니다. 필터링은 대소문자를 구분하지 않으며 여러 열에 동시에 적용됩니다. 필터 활성화 시 상태 표시줄에 "X / Y개 표시"가 나타납니다.
인라인 값 편집
편집 버튼을 클릭한 후 셀을 더블클릭하여 값을 변경하세요. Enter를 누르거나 다른 곳을 클릭하면 저장됩니다. 왼쪽 편집기의 JSON이 자동으로 업데이트됩니다. 열 헤더의 제거(×) 아이콘을 사용하여 필요 없는 열을 숨길 수 있습니다. 원시 JSON을 건드리지 않고 오타를 수정하거나 ID를 업데이트할 때 유용합니다.
최대화, 내보내기, 공유
최대화를 클릭하면 넓은 데이터셋을 위한 전체 화면 테이블이 열립니다. Excel을 클릭하면 Excel이나 Google 스프레드시트용 .xls 파일을 다운로드합니다. 공유를 클릭하면 팀원들에게 보낼 링크(1시간, 1일, 1주 만료)를 생성합니다. 모든 것이 JSON.parse()로 클라이언트 측에서 실행되어 데이터가 비공개로 유지됩니다.
실제로 이 도구를 사용하는 경우
API 응답 디버깅
API가 JSON을 반환하는데 구조가 올바른지 알 수 없을 때. 여기에 붙여넣고 테이블로 확인하면 누락된 필드를 즉시 발견할 수 있습니다. Swagger/OpenAPI 응답이나 쿼리 작업에도 유용합니다. 데이터를 보기 위해 스크립트를 작성하는 것보다 훨씬 빠릅니다.
빠른 데이터 분석
데이터베이스나 분석 도구에서 JSON 내보내기를 받았나요? Python 스크립트를 작성하거나 데이터베이스에 로드하는 대신 여기에 붙여넣으세요. 필요한 것을 필터링하고 Excel로 내보내면 끝입니다. 별도의 준비 작업 없이 일회성 분석 작업에 적합합니다.
설정 파일 검토
복잡한 설정이나 환경 파일을 이해하려고 할 때. 테이블로 보면 구조가 명확하게 보입니다. 변경이 필요하다면 직접 값을 편집할 수 있습니다. 중첩된 중괄호를 헤매는 것보다 훨씬 쉽습니다.
비개발자에게 데이터 보여주기
JSON을 읽을 줄 모르는 PM이나 디자이너에게 데이터를 보여줘야 할 때. 공유 링크를 생성하여 전달하면 됩니다. 상대방은 원시 JSON 대신 깔끔한 테이블을 보게 됩니다. 대괄호가 무엇인지 설명할 필요가 없어집니다.
자주 묻는 질문
JSON 데이터가 저장되나요?
아닙니다. 모든 것이 브라우저에서 JavaScript로 실행됩니다. "공유" 버튼을 클릭하여 링크를 만들지 않는 한 JSON이 컴퓨터를 떠나지 않습니다. 공유하더라도 만료 시간을 직접 제어할 수 있습니다. 다른 클라이언트 측 개발자 도구와 동일한 개인정보 보호 원칙을 따라 모든 데이터를 브라우저에서 로컬로 처리합니다.
어떤 JSON 형식이 지원되나요?
사양에 따른 유효한 JSON이면 무엇이든 가능합니다. 배열, 객체, 중첩 구조, 혼합 타입 모두 지원합니다. JSON.parse()가 처리할 수 있으면 저희도 처리할 수 있습니다. 복잡한 중첩은 더 많은 중첩 테이블을 만들 뿐입니다.
데이터를 편집할 수 있나요?
네. "편집"을 클릭하고 셀을 더블클릭하세요. 값을 변경하고 Enter를 누르면 JSON이 자동으로 업데이트됩니다. 필요 없는 열을 완전히 제거할 수도 있습니다. 스프레드시트를 편집하는 것과 같지만 JSON이 문법적으로 올바르게 유지됩니다.
필터링은 어떻게 작동하나요?
각 열 상단의 박스에 입력하세요. 해당 열에 검색어가 포함된 행을 필터링합니다. 여러 열을 동시에 필터링할 수 있으며, 모든 필터에 일치하는 행이 표시됩니다. 대소문자를 구분하지 않으므로 "5g"를 입력해도 "5G"가 검색됩니다.
어떤 형식으로 내보낼 수 있나요?
현재는 Excel(.xls 형식)입니다. Excel, Google 스프레드시트, LibreOffice 등 거의 모든 스프레드시트 앱에서 열 수 있습니다. 테이블 구조가 그대로 유지되어 중첩 데이터도 Excel에서 중첩 테이블로 표시됩니다. CSV 내보내기 추가를 검토 중입니다.
JSON 파일 크기 제한이 있나요?
엄격한 제한은 없지만 성능은 브라우저에 따라 다릅니다. 소용량 파일(1MB 미만)은 즉시 파싱됩니다. 약 5MB 파일은 1~2초 정도 걸릴 수 있습니다. 매우 큰 파일(10MB 이상)은 처리가 느려질 수 있지만 여전히 동작합니다. 대규모 데이터셋을 다루는 경우 명령줄 처리에 jq 같은 도구 사용을 고려해보세요.
다른 JSON 도구도 필요하신가요?
이 파서는 데이터 조회에 탁월하지만 때로는 다른 기능도 필요합니다. 함께 사용하면 편리한 다른 도구들입니다: