페이지 마크업을 스크립트·API·테스트 데이터용 JSON으로 바꾸기

표와 페이지 전체에 맞춘 HTML JSON 변환기

실제 HTML이 완벽한 표 한 장인 경우는 드뭅니다. `colspan` 머리글이 있는 가격 격자일 수도, 글머리와 스펙 표를 한 JSON에 담고 싶은 상품 페이지일 수도 있습니다. 두 경로 모두 여기서——다른 사이트로 옮길 필요 없습니다. **테이블 추출**은 의미 있는 `<table>` 마크업을 읽어 진짜 행렬을 만듭니다. `<th>`와 `<td>`는 각 열에 들어가고, `colspan` / `rowspan`은 프리뷰에서 병합 셀로 보여——합계 행이 JSON에서 어떻게 평탄화되는지 파악할 수 있습니다. **전체 텍스트 추출**은 제목·단락·목록을 따라가며 블록마다 한 열 한 행에 두고, 끼어 있는 표는 여러 열 행으로 펼칩니다. 본문 위주에 가운데 표가 있거나, 읽을 수 있는 텍스트와 표 데이터를 한 번에 보내고 싶을 때 쓰세요. 출력 쪽에서는 머리글 행을 속성 이름으로 쓰고 객체 배열이 필요할 때 **첫 행을 키로 사용**을 켭니다. 코드 리뷰용 **보기 좋게 정렬**로 «포맷» 탭을 읽기 쉽게 하고, «압축»은 어차피 gzip할 payload 크기를 줄입니다.

업로드만 받는 변환기 대부분은 파싱 단계를 숨깁니다. 파일을 보내 JSON을 받고, Postman에 붙여야 열이 어긋난 걸 압니다. 여기서는 HTML 편집기, 격자 프리뷰, JSON 패널이 한 화면을 공유합니다. 행이 틀리면? 격자 셀을 눌러 고치세요. 구조가 틀리면——`<thead>` 누락, 불필요한 래퍼 `div`, 깨진 태그——? HTML 탭으로 돌아가 그 자리에서 마크업을 편집. 프리뷰는 입력에 맞춰 갱신됩니다. 한 번 붙여넣기에 최상위 표가 여러 개면 도구 모음에서 각각 별도 시트가 됩니다. 블록마다 확인하고, 필요한 시트의 JSON을 복사하거나 받으세요. 나중에 마크업이 다시 필요하면 변환 메뉴의 **Excel HTML 변환**이 같은 「먼저 프리뷰」 원칙으로 반대 방향을 처리합니다.