C.W.K.
Stream
Lesson 01 of 08 · published

테이블 — 파이프, 정렬, 그리고 한계

~12 min · markdown, gfm, tables

Level 0평문
0 XP0/64 lessons0/12 achievements
0/100 XP to next level100 XP to go0% complete

파이프가 컬럼 그리고, 대시가 헤더 라인 그린다

GFM 테이블은 세 조각 — 헤더 행, 대시로 된 구분 행, 그리고 본문 행 (몇 개든). 파이프 (|) 가 컬럼 나눔. 바깥쪽 파이프는 옵션, 공백은 관대해.

정렬은 구분 행에 산다

  • :--- — 왼쪽 정렬 (기본)
  • :---: — 가운데
  • ---: — 오른쪽 정렬 (숫자 컬럼에 써)

셀이 담을 수 있는 것

셀은 inline Markdown 받아 — bold, italic, code, link, inline HTML 까지. 단 블록 컨텐츠는 못 담아 — 헤딩, 리스트, fenced code block, 문단 X. 그게 필요하면 HTML 로 테이블 만들어.

셀 안의 파이프

\| 로 escape. 또는 literal 파이프 코드면 <code>|</code> 로 감싸도 돼. 렌더러는 둘 다 인식.

'예쁜 소스' 함정: 에디터/도구가 셀 폭에 맞춰 공백 자동 추가해. 렌더러엔 무해하지만 diff 에선 악몽 — 한 셀 폭만 바뀌어도 모든 행이 다시 쓰여. 골라야 해: 손으로 정렬해서 stable diff 가져갈지, 아니면 테이블 수정 = 노이즈 commit 받아들일지.

Code

최소 유효 테이블·markdown
| Header 1 | Header 2 |
| --- | --- |
| Row 1 | Cell |
| Row 2 | Cell |
정렬 (왼쪽 / 가운데 / 오른쪽)·markdown
| Name | Status | Count |
| :--- | :---: | ---: |
| alpha | ok | 12 |
| beta | warn | 3,481 |
| gamma | error | 7 |
셀 안 inline Markdown (허용)·markdown
| Feature | Spec | Notes |
| --- | --- | --- |
| **Bold** | CM | works in cells |
| `code` | CM | works |
| [link](https://example.com) | CM | works |
| ![img](pic.png) | CM | also works |
셀 내용에서 파이프 escape·markdown
| Pattern | Meaning |
| --- | --- |
| `a \| b` | literal pipe in code |
| `a` \| `b` | two code spans, separated |

External links

Exercise

최근 CSV 파일 하나 (env vars, dependency list, 무엇이든 표 모양) 골라서 GFM 테이블로 변환. 숫자 컬럼은 오른쪽 정렬. 셀에 멀티라인 값이나 fenced code block 넣어보고 파서가 거부하는 거 확인. lesson 은 한계지 우회법이 아냐.

Progress

Progress is local-only — sign in to sync across devices.
이 페이지에서 버그를 발견하셨거나 피드백이 있으세요?문제 신고

댓글 0

🔔 답글 알림 (로그인 필요)
로그인댓글을 남기려면 로그인해 주세요.

아직 댓글이 없어요. 첫 댓글을 남겨보세요.