CSV → Markdown 변환기
README, 풀 리퀘스트 설명, 문서 사이트는 파이프와 대시를 손으로 쓰는 수고만 감수한다면 Markdown 테이블을 멋지게 렌더링합니다. 이 변환기는 CSV를 읽고 첫 행을 헤더로 삼아, 올바른 구분 행이 있는 GitHub Flavored Markdown 테이블을 내보냅니다. 모든 셀이 | 구분자로 둘러싸여 README나 풀 리퀘스트 설명에 바로 붙여넣을 수 있습니다.
테이블이 만들어지는 방식
-
1
CSV 붙여넣기
기본값은 3열 샘플입니다. 자신의 데이터로 교체하세요.
-
2
구분자 선택
기본은 쉼표입니다. 데이터에 맞게 목록에서 탭, 세미콜론, 파이프를 선택하세요.
-
3
1행이 헤더
첫 행이 Markdown 헤더로 출력되고, 그 뒤에 필수인 `| --- | --- |` 구분선이 옵니다.
-
4
너비에 맞춰 행 패딩
데이터 행의 셀 수가 헤더보다 적으면, 변환기가 빈 문자열로 패딩해 테이블을 직사각형으로 유지합니다.
렌더링, 정렬, 그리고 동작 여부
GitHub Flavored Markdown(GFM) 테이블은 널리 지원되지만 모든 곳에서 통하는 것은 아닙니다. 어디서 렌더링되는지 아는 것이 깔끔한 README와 파이프로 뒤덮인 벽 사이의 차이를 만듭니다.
지원되는 곳
- GitHub, GitLab, Bitbucket 풀 리퀘스트 및 위키
- 대부분의 정적 사이트 생성기(Docusaurus, VitePress, MkDocs Material)
- VS Code Markdown 미리보기
- Notion(Markdown으로 붙여넣기 경유)
지원되지 않는 곳
- GFM 확장이 없는 CommonMark
- Reddit(자체 서브셋 사용)
- 일부 레거시 위키 엔진(DokuWiki, MoinMoin)
열 정렬
GFM 테이블은 구분 행의 콜론으로 좌, 가운데, 우 정렬을 지원합니다. 이 변환기는 평범한 --- 구분자를 내보내므로, 정렬이 필요하면 후처리하세요:
| 문법 | 효과 |
|---|---|
:--- |
왼쪽 정렬 |
:---: |
가운데 정렬 |
---: |
오른쪽 정렬 |
기울이고 싶은 열에 맞춰 구분선을 | :--- | :---: | ---: |로 찾아 바꾸세요.
Markdown 셀의 문자 인용
- 셀 안의 파이프 문자(
|)는 셀이 쪼개지지 않도록\\|로 이스케이프해야 합니다. 변환기는 자동으로 이스케이프하지 않으므로, 데이터에 파이프가 있으면 미리 정리하세요. - 셀 안의 줄바꿈은 GFM 렌더링을 깨뜨립니다. 셀 안에 소프트 줄바꿈을 원하면 변환 전에
<br>로 바꾸세요. - 별표, 밑줄, 백틱은 그대로 통과합니다. Markdown 강조나 코드로 해석됩니다. 문자 그대로 원하면 앞에 백슬래시를 붙여 이스케이프하세요.
자주 묻는 질문
기본적으로는 지원하지 않습니다. 구분 행이 평범한 ---이기 때문입니다. 변환 후 이를 :---, :---:, ---:로 바꿔 열을 왼쪽, 가운데, 오른쪽으로 고정하세요.
변환 전에 백슬래시로 이스케이프해 |를 \|로 만드세요. 그렇지 않으면 Markdown 렌더러가 열 구분자로 취급해 테이블이 깨집니다.
GFM 테이블은 GitHub, GitLab, 대부분의 정적 사이트 생성기, VS Code에서 렌더링됩니다. 순수 CommonMark, Reddit, 플러그인 없는 일부 레거시 위키에서는 렌더링되지 않습니다.
네. 표를 만들기 위해 CSV가 서버로 전송됩니다. 저장되지 않으며 페이지 링크에도 추가되지 않습니다.
관련 도구
ASCII 표 참조
NUL, LF, DEL 같은 제어 문자를 포함해 모든 문자에 대한 10진수, 16진수, 8진수, 2진수, HTML 숫자 문자 참조를 담은 0부터 127까지의 전체 ASCII 표.
키보드 단축키 참고표
macOS, Windows, Linux에서 VS Code, Chrome, GNU Readline을 쓰는 Bash의 문서화된 기본 단축키를 검색합니다.
HTML 문자 참조
HTML 엔티티의 검색 가능한 목록, 각 엔티티의 이름 및 숫자 코드, 그리고 특수 문자 및 기호에 대한 1클릭 복사 기능을 제공합니다.
보색 찾기
어떤 입력에 대해서도 보색을 찾습니다. HSL 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.
랜덤 영어 글자 생성기
A-Z 영어 글자를 무작위로 생성합니다. 개수와 대문자, 소문자, 혼합 대소문자를 선택해 게임, 과제, 수업 활동에 활용하세요.
랜덤 색상 팔레트 생성기
2~15개의 색상으로 랜덤 팔레트를 만들고, 비비드, 파스텔, muted, dark 스타일을 선택한 뒤 HEX 코드나 CSS 변수를 복사하세요.