JSON을 HTML 표로 변환

기능 소개

이 도구는 주로 API 응답이나 내보내기 파일인 JSON 데이터를 HTML 표로 변환합니다. 객체 하나가 한 행이 되고, 키 하나가 한 열이 됩니다. 중첩된 객체는 점으로 연결된 열 이름으로 펼쳐지므로 표가 2차원으로 유지됩니다.

사용 방법

1. 입력 상자에 JSON을 붙여넣거나 .json 파일을 업로드하거나 예시를 클릭합니다.
2. 입력하는 동안 오른쪽에 표 마크업이 나타납니다. 잘못된 JSON은 위치와 함께 보고됩니다.
3. 데이터 행만 원한다면 헤더 행 포함을 끕니다.
4. HTML을 복사하거나 .html 파일로 다운로드합니다.

예시

[
  { "name": "Alice", "address": { "city": "Shanghai" }, "tags": ["admin", "editor"] },
  { "name": "Bob", "address": { "city": "Beijing" } }
]

위 JSON은 name, address.city, tags 열이 있는 표가 됩니다. Alice의 tags 셀에는 admin; editor가 들어가고 Bob의 셀은 비어 있습니다.

팁

• API 응답을 표로 보여주려면 응답 전체를 붙여넣으세요. {"items": [...]} 형태라면 items에서 자동으로 행을 가져옵니다.
• 변환하기 전에 JSON을 살펴보거나 고치고 싶다면 먼저 JSON 포매터를 사용하세요.