본문 바로가기

Markdown 표 포맷터

브라우저 처리

Markdown 표의 칸 너비를 맞춰 원문에서도 줄이 반듯하게 보이도록 정리합니다. :---: 같은 정렬 표기를 지키고 한글은 두 칸 폭으로 계산합니다.

사용 전 확인
  • 파일·이미지·문서 처리 도구는 브라우저 안에서 처리되더라도 원본에 개인정보나 민감 정보가 포함될 수 있습니다. 공유·제출 전 원본과 결과를 한 번 더 확인하세요.
도구 실행입력 후 결과 확인
Markdown 표 포맷터 샘플 실행

Markdown 표는 칸 너비가 들쭉날쭉해도 화면에는 똑같이 보이지만, 원문을 읽거나 고칠 때는 어느 칸이 어디인지 알아보기 어렵습니다. 이 포맷터는 칸마다 가장 긴 글자에 맞춰 공백을 채워 원문 표를 반듯하게 정리합니다.

브라우저 처리
샘플 결과
| 상품    | 수량 |   가격 |
| :------ | :--: | -----: |
| 볼펜    |  10  |  1,500 |
| A4 용지 |  2   | 25,000 |
자바스크립트가 활성화되면 이 영역이 실제 입력, 실행, 결과 패널로 바뀝니다.

Markdown 표 포맷터 사용 가이드

Markdown 표는 칸 너비가 들쭉날쭉해도 화면에는 똑같이 보이지만, 원문을 읽거나 고칠 때는 어느 칸이 어디인지 알아보기 어렵습니다. 이 포맷터는 칸마다 가장 긴 글자에 맞춰 공백을 채워 원문 표를 반듯하게 정리합니다.

구분 줄의 정렬 표기도 지킵니다. :--- 는 왼쪽, :---: 는 가운데, ---: 는 오른쪽 정렬로 보고, 그 정렬대로 원문 칸 안의 글자도 붙여 줍니다. 한글과 전각 문자는 고정폭 글꼴에서 두 칸을 차지하므로 두 칸으로 계산해 편집기에서도 줄이 맞습니다.

칸 수가 모자란 행은 빈 칸을 채우고, |-|처럼 짧게 쓴 구분 줄도 표 구분선으로 인식합니다.

사용 방법

  1. 'Markdown 표 (| 칸 | 칸 |)' 칸에 정리할 표를 붙여 넣습니다. 표 앞뒤의 다른 줄은 무시합니다.
  2. '실행'을 누르면 칸 너비와 정렬이 맞춰진 표가 나옵니다.
  3. '결과 복사'로 원문의 표 자리에 덮어씁니다.

예시: 정렬이 섞인 가격표

입력
|상품|수량|가격|
|:-|:-:|-:|
|볼펜|10|1,500|
|A4 용지|2|25,000|
결과
| 상품    | 수량 |   가격 |
| :------ | :--: | -----: |
| 볼펜    |  10  |  1,500 |
| A4 용지 |  2   | 25,000 |

가격은 오른쪽, 수량은 가운데 정렬로 채워졌습니다. 한글 '볼펜'은 네 칸 폭으로 계산했습니다.

이럴 때 쓰면 좋아요

  • README에 넣은 표를 원문에서도 읽기 좋게 정리할 때
  • 여러 사람이 행을 덧붙여 칸이 어긋난 표를 다듬을 때
  • 숫자 열을 오른쪽 정렬로 맞춘 가격표·비교표를 만들 때
  • 코드 리뷰에서 표 변경 부분이 잘 보이도록 칸을 맞출 때

문제가 생겼을 때

'올바른 Markdown 표를 찾지 못했습니다'

각 줄이 |로 시작하고 |로 끝나야 표로 읽습니다. 'a | b'처럼 바깥쪽 |가 없는 표는 줄 앞뒤에 |를 붙인 뒤 다시 실행하세요.

칸 안의 | 기호 때문에 칸이 늘어남

칸 내용에 들어간 |는 \|로 써야 칸 구분으로 보지 않습니다. 결과에서도 \|로 유지됩니다.

활용 팁

  • 편집기 글꼴이 고정폭이 아니면 정리한 표도 들쭉날쭉해 보입니다. D2Coding 같은 한글 고정폭 글꼴에서 확인하세요.
  • CSV 데이터에서 표를 새로 만들 때는 CSV·TSV → Markdown 표 변환기를 쓰면 정리까지 한 번에 됩니다.

자주 묻는 질문

표가 여러 개면 모두 정리되나요?

아니요. 입력의 |로 시작하는 줄을 모두 한 표로 봅니다. 표가 여러 개면 하나씩 넣어 정리하세요.

정렬 표기가 없으면 어떻게 되나요?

--- 만 있는 칸은 왼쪽에 붙여 채우고 구분 줄도 ---로 둡니다. 화면에서는 사이트 기본 정렬로 보입니다.

이모지도 두 칸으로 계산하나요?

네. 대부분의 그림 이모지는 두 칸으로 계산합니다. 편집기마다 이모지 폭이 달라 한두 칸 어긋날 수 있습니다.