·2분 읽기
마크다운 표 정렬 4가지 트릭 — GitHub README·Notion 깔끔 정리
마크다운 표를 깔끔하게 정렬하는 4가지 트릭을 정리했어요. 좌·중앙·우 정렬, 셀 줄바꿈, 셀 병합 우회, 한글 폭 맞추기까지 한 번에 풀이.
📄
마크다운 미리보기 바로 사용하기
마크다운을 실시간으로 미리보기하세요
→
마크다운 표가 안 예쁜 이유
마크다운 표는 만들기 쉬운데 정렬이 자주 깨져요. GitHub에서는 잘 보이는데 Notion에서는 어긋나고, 한글이 들어가면 셀 폭이 들쭉날쭉해지는 게 흔한 문제예요.
4가지 트릭만 알면 어디서나 깔끔하게 보이는 표를 만들 수 있어요. Toolkio 마크다운 미리보기로 즉시 결과 확인하면서 따라가세요.
트릭 1·2 — 정렬과 줄바꿈
**트릭 1 — 좌·중앙·우 정렬**
```markdown
| 좌측 | 중앙 | 우측 |
|:-----|:----:|-----:|
| 데이터 | 데이터 | 데이터 |
```
- `:---` 좌측 정렬 (기본)
- `:---:` 중앙 정렬
- `---:` 우측 정렬
- 숫자 컬럼은 우측, 텍스트는 좌측, 헤더는 중앙이 보기 좋아요
**트릭 2 — 셀 안 줄바꿈**
```markdown
| 항목 | 설명 |
|------|------|
| A | 첫째 줄<br>둘째 줄 |
```
- 셀 안에서 줄바꿈은 `<br>` 태그 사용
- `\n`이나 엔터 키로는 안 됨
- GitHub·Notion 모두 호환
트릭 3·4 — 셀 병합과 한글 폭
**트릭 3 — 셀 병합 우회**
마크다운은 표준 셀 병합 미지원. 우회 방법 2가지예요.
```markdown
| 카테고리 | 항목 | 값 |
|---------|------|-----|
| 음식 | 김치 | A |
| | 떡볶이 | B |
| | 라면 | C |
```
- 같은 카테고리는 첫 행만 채우고 나머지 빈칸
- 시각적으로 병합처럼 보임
**HTML 테이블 직접 사용 (GitHub Pages 호환)**
```html
<table>
<tr><td rowspan="3">음식</td><td>김치</td><td>A</td></tr>
<tr><td>떡볶이</td><td>B</td></tr>
<tr><td>라면</td><td>C</td></tr>
</table>
```
**트릭 4 — 한글 폭 맞추기**
한글은 영문 대비 폭이 1.5~2배라 표가 어긋나요.
```markdown
| 한글 | 영문 |
|----------|--------|
| 안녕하세요 | Hi |
| 잘가요 | Bye |
```
- 마크다운 원본에서 한글 셀 폭 맞추기 (스페이스로 패딩)
- 렌더링 결과는 자동 정렬되니 시각적 정렬은 미리보기에서 확인
Toolkio 마크다운 미리보기 활용 5단계
표를 한 번에 깔끔하게 만드는 워크플로예요.
1. **데이터 입력**: 표 구조 + 데이터 마크다운 작성
2. **정렬 지정**: `:---`, `:---:`, `---:` 추가
3. **줄바꿈**: 긴 셀에 `<br>` 추가
4. **Toolkio 미리보기**: 좌측 입력 → 우측 즉시 렌더링 확인
5. **GitHub/Notion 붙여넣기**: 미리보기 결과 OK 시 복사
**자주 발생하는 실수 5가지**
- `|` 앞뒤 스페이스 누락 → 일부 렌더러에서 인식 안 됨
- 헤더 구분선(`---`) 칼럼 수 안 맞춤
- 셀 안에 `|` 직접 사용 (탈출 `\|` 필요)
- 한글 폭 차이 무시 → 원본 어긋남 (렌더링은 OK)
- 셀 안 빈 줄 → 표 분리됨
Toolkio 미리보기에서 이상하게 보이면 위 5가지 체크하세요. 거의 다 해결돼요.