JSON HTML 표 변환

.json 파일을 열어 볼 일이 없는 사람에게 API 출력을 보여 주십시오. 레코드로 HTML 표를 만들어 키마다 머리글 셀 하나, 객체마다 행 하나를 넣으므로 브라우저에서 열거나 페이지에 바로 붙여 넣을 수 있습니다.

또는 CSV, TSV, TXT … 파일을 여기에 끌어다 놓으세요 ·

파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제

출력

변환할 형식

파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.

CSV 및 텍스트

구분자

CSV와 텍스트 파일에서 열을 나누는 문자로, 읽기와 쓰기에 모두 쓰입니다. 자동은 입력에서 감지하고 쉼표로 씁니다.

텍스트 인코딩

UTF-8은 모든 언어에 쓸 수 있습니다. Windows의 Excel에서 CSV를 열 때 악센트 문자나 아시아 문자가 깨지면 BOM 포함 UTF-8을 선택하십시오.

첫 행을 머리글로 사용

첫 행을 열 이름으로 씁니다. JSON 키, XML 태그, SQL 열 이름, vCard 필드 매핑이 됩니다. 1행이 데이터라면 끄십시오.

시트

변환할 시트

Excel, ODS, Numbers 입력은 첫 시트만 변환하거나 모든 시트를 변환합니다(ZIP 안에 시트마다 CSV 하나, 또는 시트마다 JSON 키 하나).

JSON, XML 및 SQL

값

날짜

날짜 셀을 한 가지 형식으로 다시 씁니다. 데이터베이스와 코드에는 ISO (2026-10-18)가 가장 안전하며, 그대로 유지는 원본에 보이는 대로 둡니다.

공백 제거

모든 값의 앞뒤 공백을 지웁니다. 가져온 뒤 조회가 실패하는 흔한 원인입니다.

사용 방법

1
JSON 데이터 업로드
.json, .jsonl, .ndjson 파일을 추가하십시오. 키가 같은 객체 배열일수록 표가 깔끔합니다. 최대 20개 파일, 파일당 95 MB까지 가능합니다.
2
머리글과 날짜 확인
키가 열 머리글이 됩니다. 고급 설정에서 날짜를 독자에게 익숙한 형식으로 지정하십시오. 예를 들어 미국 독자라면 10/18/2026 형식이 알맞습니다.
3
HTML 표로 변환
HTML 표로 변환을 누르고 .html 파일을 브라우저에서 열어 확인한 뒤, 표를 CMS, 뉴스레터 편집기, 위키에 복사하십시오.

JSON HTML 변환은 레코드 배열을 단순한 table 요소로 바꿉니다. 맨 위에 키, 레코드마다 한 행, 그 밖에는 아무것도 없으므로 어떤 페이지나 이메일에 넣어도 잘 어울립니다.

JSON을 HTML 표로 보여 줘야 하는 사람

JSON은 대개 시스템에서 나오고, 표는 사람에게 갑니다. 제품 관리자는 관리자 API에서 기능 플래그 목록을 가져와 팀 위키에 올리고 싶어 합니다. 개발자는 고객에게 JSON 뷰어를 주지 않고 데이터 내보내기 결과를 보여 줘야 합니다. 뉴스레터 편집자는 예약 플랫폼에서 행사 목록을 받아 다음 호에 실어야 합니다. 레코드 수백 개를 손으로 행마다 입력하면 시간이 오래 걸립니다.

표는 W3C가 1997년 1월 권고안으로 발표한 HTML 3.2부터 웹의 일부였고, 모든 브라우저, CMS, 이메일 클라이언트가 표를 표시할 줄 압니다. 변환기는 머리글 셀과 데이터 셀이라는 구조만 기록하므로 모양은 사이트의 기존 스타일이 결정합니다. 목적지가 GitHub README나 Markdown으로 쓴 문서라면 CSV Markdown 변환이 같은 내용을 파이프 표로 만들어 줍니다.

JSON HTML 표 변환 예시

HTML 표로 변환한 릴리스 레코드 2개

[
  {"version": "2.4.0", "date": "2026-09-30", "notes": "검색 & 내보내기 속도 개선"},
  {"version": "2.3.1", "date": "2026-08-12", "notes": "<select> 너비 수정"}
]

<table>
  <thead>
    <tr><th>version</th><th>date</th><th>notes</th></tr>
  </thead>
  <tbody>
    <tr><td>2.4.0</td><td>2026-09-30</td><td>검색 &amp; 내보내기 속도 개선</td></tr>
    <tr><td>2.3.1</td><td>2026-08-12</td><td>&lt;select&gt; 너비 수정</td></tr>
  </tbody>
</table>

JSON 입력과 선택할 수 있는 표 출력

from ↓ · to →	HTML 표	Markdown 표	DOCX 표
JSON 배열	JSON 배열 to HTML 표: yes	JSON 배열 to Markdown 표: yes	JSON 배열 to DOCX 표: yes
JSON Lines	JSON Lines to HTML 표: yes	JSON Lines to Markdown 표: yes	JSON Lines to DOCX 표: yes
NDJSON	NDJSON to HTML 표: yes	NDJSON to Markdown 표: yes	NDJSON to DOCX 표: yes
CSV	CSV to HTML 표: yes	CSV to Markdown 표: yes	CSV to DOCX 표: yes
XLSX	XLSX to HTML 표: yes	XLSX to Markdown 표: yes	XLSX to DOCX 표: yes

supported not offered모든 입력에서 **변환할 형식**으로 세 가지 표 출력 중 하나를 고를 수 있으며, 이 페이지는 HTML이 미리 선택되어 있습니다.

HTML 표가 잘 맞는 곳

HTML을 그대로 받는 위키, CMS 페이지, 사내 포털
거의 모든 클라이언트에서 표가 표시되는 이메일 뉴스레터
빠른 공유: 별도 소프트웨어 없이 어떤 브라우저로도 열림

HTML 표가 맞지 않는 곳

계속 수정할 데이터는 스프레드시트가 적합
50,000행짜리 페이지는 스크롤이 느려지는 대용량 내보내기
다른 프로그램에 넣을 데이터는 JSON이나 CSV로 전달해야 함

JSON과 HTML 형식 한눈에 보기

JSON

JavaScript 객체 표기법(JSON)

JSON은 구조화된 데이터를 위한 가벼운 텍스트 형식으로, 2000년대 초 Douglas Crockford가 널리 알렸고 RFC 8259와 ECMA-404로 표준화되었습니다. 객체, 배열, 문자열, 숫자, 불리언, null을 간단하고 읽기 쉬운 문법으로 표현합니다. 거의 모든 프로그래밍 언어에서 웹 API, 설정 파일, 앱 간 데이터 교환의 기본 형식으로 쓰입니다. 주석, 날짜, 스키마가 기본으로 들어 있지 않고, 깊게 중첩된 큰 파일은 뷰어 없이 읽기 어렵습니다.

압축 방식: –
투명도: –
애니메이션: –
도입 연도: 2001 · Douglas Crockford

JSON 변환

HTML

하이퍼텍스트 마크업 언어(HTML)

HTML은 웹의 마크업 언어로, 1990년대 초 Tim Berners-Lee가 처음 기술했고 현재는 WHATWG가 리빙 스탠더드로 관리합니다. HTML 파일은 제목, 문단, 링크, 표, 이미지, 양식을 기술하며 스타일은 보통 CSS가 담당합니다. 모든 브라우저가 렌더링하며 이메일 템플릿과 저장된 웹 페이지에도 쓰입니다. HTML 파일 하나는 외부 이미지와 스타일시트에 의존하는 경우가 많아, 파일만 따로 옮기면 깨져 보일 수 있습니다.

압축 방식: –
투명도: –
애니메이션: –
도입 연도: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML 변환

코드로 가져온 데이터를 사람이 브라우저, 이메일, CMS 페이지에서 읽어야 할 때 JSON을 HTML로 렌더링합니다. 이런 곳에서는 날것의 중괄호와 따옴표보다 머리글이 있는 표가 훨씬 낫습니다.

두 형식은 웹 요청의 양 끝에 있습니다. JSON은 서버가 코드에 보내는 것이고, HTML은 브라우저가 최종적으로 보여 주는 것입니다. 직접 변환한다는 것은 프런트엔드 템플릿이 실행 시점에 할 일을 파일 단계에서 처리한다는 뜻이며, 데이터가 1분마다 바뀌는 피드가 아니라 한 시점의 스냅숏일 때 알맞은 선택입니다.

JSON HTML 변환 자주 묻는 질문

HTML 표를 WordPress에 붙여 넣을 수 있습니까?

있습니다. 블록 편집기에서는 사용자 정의 HTML 블록을, 클래식 편집기에서는 텍스트 탭을 선택한 뒤 table 요소를 붙여 넣으십시오. 출력에는 자체 스타일시트 없이 마크업만 들어 있으므로 테마의 표 스타일이 자동으로 적용됩니다.

Outlook과 Gmail에서도 표가 제대로 보입니까?

HTML 표는 이메일에서 가장 안정적인 구조입니다. 데스크톱 Outlook은 Outlook 2007부터 Word 엔진으로 메일을 렌더링해 최신 CSS 상당수를 무시하기 때문입니다. 파일을 첨부하지 말고 이메일 도구의 HTML 또는 소스 옵션으로 표를 삽입하십시오.

중첩 객체는 표에서 어떻게 표시됩니까?

중첩 객체는 customer.email처럼 점이 들어간 이름의 열로 펼쳐집니다. 한 레코드 안의 값 목록은 JSON 텍스트로 한 셀에 남습니다. 표의 행은 레코드마다 셀 개수를 다르게 늘릴 수 없기 때문입니다.

데이터 속 특수 문자가 HTML에서 안전합니까?

< 와 & 처럼 HTML에서 의미가 있는 문자는 엔터티로 기록되므로, <b>Sale</b> 같은 값은 셀을 굵게 만들지 않고 텍스트로 표시됩니다. 덕분에 사용자 생성 데이터에 섞인 마크업이 페이지에서 실행되지도 않습니다.

차트 대신 표를 쓰는 이유는 무엇입니까?

표는 정확한 값을 보여 주고 독자가 특정 행을 찾아보게 해 주며, 차트는 추세를 보여 줍니다. 가격표, 릴리스 기록, 직원 명부에는 표가 맞고, 시계열 데이터라면 HTML 표를 차트 라이브러리의 데이터 소스로 쓰십시오.

변환한 뒤 데이터를 수정할 수 있습니까?

HTML이 아니라 원본에서 수정하십시오. JSON이나 그 출처인 스프레드시트를 고친 뒤 다시 변환하거나, 개발자가 아닌 사람이 관리할 데이터라면 JSON 엑셀 변환으로 레코드를 통합 문서로 옮기십시오.