jsonecho

JSON HTML 표 변환

JSON 배열을 실시간 미리보기가 있는 깔끔한 HTML 표로 바꿉니다.

도구를 불러오는 중...

JSON HTML 표 변환 사용 방법

  1. JSON 배열을 붙여 넣으세요.
  2. 원한다면 표에 사용할 CSS 클래스를 입력하세요.
  3. 미리보기 탭을 확인한 다음 HTML을 복사하세요.

JSON HTML 표 변환 소개

템플릿을 작성하지 않고 웹 페이지에 JSON 데이터를 조금 보여 주고 싶으신가요? 이 도구는 키로 만든 머리글 행, 레코드당 한 행으로 된 일반 HTML 표를 만들며, 모든 값은 이스케이프되어 페이지에 붙여 넣어도 안전합니다.

인라인 스타일 없이 구조만 제공하므로 모양은 직접 작성한 CSS가 결정합니다. 표에 table table-striped 같은 프레임워크 스타일을 적용하려면 옵션에서 클래스 이름을 추가하세요.

자주 묻는 질문

이 HTML은 게시해도 안전한가요?

값은 이스케이프되므로 데이터에 포함된 꺾쇠괄호와 앰퍼샌드가 마크업을 만들 수 없습니다. 표를 페이지의 어디에 둘지는 직접 결정하면 됩니다.

인라인 스타일을 사용하나요?

아니요. table, thead, tbody, tr, th, td 요소만 사용합니다. 직접 작성한 CSS로 꾸미세요.

중첩된 객체는 어떻게 되나요?

점 표기 이름의 열로 평탄화되므로 모든 셀에 단순한 값이 들어갑니다.

변환기의 다른 도구

모든 도구 →