마크다운 표 생성기
마크다운 테이블은 매우 세심한 요구사항을 가지고 있습니다. 파이프 하나가 누락되거나 분리 행의 형태가 불균일하면 전체 테이블이 평면 텍스트로 변환됩니다. 이 생성기는 사용자가 입력할 수 있는 시각적 그리드를 제공하며, 스프레드시트에서 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를 인식하여 동일한 행과 열을 가진 마크다운 표를 생성합니다.
\|를 입력하세요. 대부분의 파서는 열 경계를 깨지 않으면서 문자열 형태의 파이프를 출력합니다.
관련 도구
ASCII 표 참조
NUL, LF, DEL 같은 제어 문자를 포함해 모든 문자에 대한 10진수, 16진수, 8진수, 2진수, HTML 숫자 문자 참조를 담은 0부터 127까지의 전체 ASCII 표.
HTML 문자 참조
HTML 엔티티의 검색 가능한 목록, 각 엔티티의 이름 및 숫자 코드, 그리고 특수 문자 및 기호에 대한 1클릭 복사 기능을 제공합니다.
키보드 단축키 참고표
macOS, Windows, Linux에서 VS Code, Chrome, GNU Readline을 쓰는 Bash의 문서화된 기본 단축키를 검색합니다.
보색 찾기
어떤 입력에 대해서도 보색을 찾습니다. HSL 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.
색상 틴트 생성기
기준 색의 밝은 틴트를 생성합니다. 디자인 시스템 토큰, 배경, 호버 상태를 위한 3-20단계 스케일.
이메일 검증기
이메일 주소를 검증합니다. RFC 5322 구문 검사, 실시간 MX 레코드 조회, 그리고 로컬 파트, 도메인, 길이 정보를 제공합니다. 이메일은 전송되지 않습니다.
이 도구는 다른 언어로도 제공됩니다
- مولّد جداول Markdown [AR]
- Générateur de tableaux Markdown [FR]
- Markdown-Tabellen-Generator [DE]
- Generator Tabel Markdown [ID]
- Generador de Tablas Markdown [ES]
- Markdown-tabelgenerator [NL]
- Generator tabel Markdown [PL]
- Markdown-tabellgenerator [SV]
- โปรแกรมสร้างตารางแบบ Markdown [TH]
- Trình tạo bảng Markdown [VI]
- Markdownテーブルジェネレーター [JA]
- Gerador de Tabela Markdown [PT]
- Markdown Table Generator [EN]
- Generatore di Tabelle Markdown [IT]
- Генератор таблиц Markdown [RU]
- Markdown Tablo Oluşturucu [TR]
- Markdown表格生成器 [ZH]