마크다운 표 생성기
마크다운 테이블은 매우 세심한 요구사항을 가지고 있습니다. 파이프 하나가 누락되거나 분리 행의 형태가 불균일하면 전체 테이블이 평면 텍스트로 변환됩니다. 이 생성기는 사용자가 입력할 수 있는 시각적 그리드를 제공하며, 스프레드시트에서 CSV 또는 TSV 파일을 붙여넣을 수 있도록 지원합니다. 또한 원본 데이터와 동일하게 열들이 정렬된 패딩된 마크다운 테이블을 출력하여 코드 차이 비교 도구에서 훨씬 더 쉽게 읽고 첫 번째 시도로 바로 수정할 수 있게 해줍니다.
마크다운 테이블을 작성하는 방법
-
1
행과 열을 선택하세요
또는 CSV/TSV 파일을 복사하여 입력하면 도구가 자동으로 차원을 추정해 줍니다.
-
2
셀 내용을 입력하세요
각 셀을 클릭하세요. Tab 키와 화살표 키를 사용하면 스프레드시트처럼 이동할 수 있습니다.
-
3
열 정렬을 설정하세요
헤더 행을 기준으로 각 열에서 왼쪽(기본값), 중앙, 또는 오른쪽에 배치할 수 있습니다.
-
4
마크다운 출력을 복사하세요
이 도구는 파이프를 열의 너비에 맞게 배치하여 결과가 깔끔하게 보이도록 합니다.
마크다운 표 문법
기본 표:
| 열 A | 열 B | 열 C |
|-------|-------|-------|
| 셀 1 | 셀 2 | 셀 3 |
| 셀 4 | 셀 5 | 셀 6 |
정렬은 구분 행의 콜론으로 지정합니다:
| 왼쪽 | 가운데 | 오른쪽 |
|:-----|:------:|------:|
| a | b | c |
:---왼쪽 정렬:---:가운데 정렬---:오른쪽 정렬
생성기가 대신 처리해 주는 작업
- 각 셀을 해당 열에서 가장 긴 항목의 너비에 맞춰 채워 파이프가 소스에서 가지런히 정렬되도록 합니다. 렌더링 결과에는 영향을 주지 않지만(마크다운은 여분의 공백을 무시합니다) 차이(diff)를 읽는 사람은 분명 고마워할 것입니다.
- 셀 안의 파이프를
\|로 이스케이프하므로,a|b를 포함한 셀이 두 개의 열로 나뉘지 않습니다. - 열 너비를 변경할 때 정렬 상태를 유지합니다.
- CSV 및 TSV 형식의 파일을 복사하여 입력할 수 있으며, 인용문 내에 있는 필드와 쉼표도 자동으로 감지합니다.
흔한 함정들
- 구분 행은 필수입니다.
|---|---|행이 없는 마크다운 표는 일반 텍스트로 표시됩니다. - 여러 줄로 된 셀은 사용할 수 없습니다. 각 행은 한 줄로 구성됩니다. 내부에서 줄을 나눠야 한다면
<br>를 삽입하세요. 표 셀 안에서는 마크다운의 줄바꿈이 지원되지 않습니다. - 중첩 테이블은 사용하지 마세요. 필요하다면 HTML로 대체하세요.
- 빈 셀에는 공간(또는 최소한 빈 파이프 쌍)이 필요합니다.
||를 직접 사용하지 마십시오.
대신 HTML을 사용해야 할 경우
colspan, rowspan, 여러 줄로 된 셀 또는 사용자 정의 CSS 클래스가 필요한 경우 HTML 표가 가장 적합한 도구입니다. 대부분의 마크다운 파서는 원시 HTML 표 마크업을 인라인으로 처리합니다.
마크다운 테이블이 잘 작동하는 경우
- GitHub, GitLab, Gitea의 README 파일들
- 문제 및 PR 설명.
- Obsidian, Bear 및 대부분의 노트 작성 앱.
- Docusaurus, MkDocs, Hugo 모두 GFM 테이블을 지원합니다.
자주 묻는 질문
네이티브로 지원되지 않습니다. 인라인 줄 분기에는 <br>를 사용하십시오. 실제 다중 줄 내용(코드 블록, 셀 내 목록 등)의 경우 HTML의 <table>을 사용하십시오.
GFM은 병합된 셀을 지원하지 않습니다. colspan 또는 rowspan를 사용해야 하는 경우, Markdown 문서 내에 HTML을 포함시키세요. 대부분의 렌더러는 <table>를 그대로 처리합니다.
아니요. 패딩을 적용하든 하지 않든 렌더링된 HTML은 동일합니다. 패딩은 순전히 소스 코드의 가독성을 위한 선택일 뿐입니다.
네. 스프레드시트에서 복사하면 클립보드에 TSV(탭으로 구분된 값)가 저장됩니다. 생성기는 TSV를 인식하여 동일한 행과 열을 가진 마크다운 표를 생성합니다.
\|를 입력하세요. 대부분의 파서는 열 경계를 깨지 않으면서 문자열 형태의 파이프를 출력합니다.
관련 도구
보색 찾기
어떤 입력에 대해서도 보색을 찾습니다. HSL 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.
Webpack 설정 생성기
순수 JavaScript, React, Vue용 webpack 5 webpack.config.js를 만드세요. TypeScript, Babel, CSS 또는 Sass, 이미지, HtmlWebpackPlugin, 개발 서버, npm install 명령까지 함께 제공합니다.
텍스트 파일 인코딩 변환기
깨진 문자를 고치기 위해 텍스트를 UTF-8, UTF-16, Latin-1, Windows-1252 등 여러 인코딩 사이에서 변환하세요.
HEX → ASCII 변환기
16진 바이트 시퀀스를 ASCII 텍스트로 변환합니다. 프로토콜 디버깅, 리버스 엔지니어링, CTF 챌린지에 좋습니다.
XML 포매터
일관된 들여쓰기로 XML 문서를 정렬 출력하고, 정확한 줄 번호로 적격성 오류를 잡아냅니다.
Protocol Buffers 디코더
hex, Base64, Base64URL, 텍스트 또는 파일의 Protobuf 와이어 형식 바이트를 브라우저에서 디코딩하고 정확한 필드 후보를 확인한 뒤 비공개 보고서로 내보냅니다.
이 도구는 다른 언어로도 제공됩니다
- Generator Tabel Markdown [ID]
- Générateur de tableaux Markdown [FR]
- Markdownテーブルジェネレーター [JA]
- Gerador de Tabela Markdown [PT]
- โปรแกรมสร้างตารางแบบ Markdown [TH]
- Generador de Tablas Markdown [ES]
- مولّد جداول Markdown [AR]
- Trình tạo bảng Markdown [VI]
- Markdown-Tabellen-Generator [DE]
- Markdown-tabelgenerator [NL]
- Markdown-tabellgenerator [SV]
- Generator tabel Markdown [PL]
- Markdown Table Generator [EN]
- Generatore di Tabelle Markdown [IT]
- Генератор таблиц Markdown [RU]
- Markdown Tablo Oluşturucu [TR]
- Markdown表格生成器 [ZH]