본문으로 건너뛰기

Markdown Table Generator

Markdown 표를 쉽게 만들고 편집하는 도구입니다. CSV, JSON 데이터를 Markdown 표로 변환하거나, 직접 표를 편집할 수 있습니다!

주요 기능​

1. 두 가지 입력 모드​

Table Mode​

  • 시각적 표 편집기
  • 셀 단위로 직접 입력
  • 행/열 추가 및 삭제
  • 컬럼 정렬 설정

CSV/JSON Mode​

  • CSV 데이터를 표로 변환
  • JSON 배열을 표로 변환
  • 대량 데이터 빠른 입력

2. 정렬 옵션​

각 컬럼마다 정렬 설정 가능:

  • 왼쪽 정렬 (:---)
  • 가운데 정렬 (:---:)
  • 오른쪽 정렬 (---:)

3. 실시간 미리보기​

  • Markdown 출력 즉시 확인
  • 렌더링된 표 미리보기

사용 예시​

기본 표 생성​

Input:

Header 1 | Header 2 | Header 3
Cell 1-1 | Cell 1-2 | Cell 1-3
Cell 2-1 | Cell 2-2 | Cell 2-3

Markdown Output:

| Header 1 | Header 2 | Header 3 |
| :--- | :--- | :--- |
| Cell 1-1 | Cell 1-2 | Cell 1-3 |
| Cell 2-1 | Cell 2-2 | Cell 2-3 |

CSV 데이터 변환​

CSV Input:

Name, Age, City
John Doe, 30, New York
Jane Smith, 25, Los Angeles
Bob Johnson, 35, Chicago

Markdown Output:

| Name | Age | City |
| :--- | :--- | :--- |
| John Doe | 30 | New York |
| Jane Smith | 25 | Los Angeles |
| Bob Johnson | 35 | Chicago |

JSON 데이터 변환​

JSON Input:

[
{"name": "John", "age": 30, "city": "NYC"},
{"name": "Jane", "age": 25, "city": "LA"},
{"name": "Bob", "age": 35, "city": "Chicago"}
]

Markdown Output:

| name | age | city |
| :--- | :--- | :--- |
| John | 30 | NYC |
| Jane | 25 | LA |
| Bob | 35 | Chicago |

활용 사례​

1. README.md 작성​

# API Documentation

## Endpoints

| Method | Endpoint | Description | Auth Required |
| :--- | :--- | :--- | :---: |
| GET | /api/users | Get all users | ✓ |
| POST | /api/users | Create user | ✓ |
| GET | /api/users/:id | Get user by ID | ✓ |
| DELETE | /api/users/:id | Delete user | ✓ |

2. 기술 스펙 문서​

## Browser Support

| Browser | Version | Status |
| :--- | :---: | :---: |
| Chrome | 90+ | ✅ |
| Firefox | 88+ | ✅ |
| Safari | 14+ | ✅ |
| Edge | 90+ | ✅ |
| IE11 | - | ❌ |

3. 비교표​

## Plan Comparison

| Feature | Free | Pro | Enterprise |
| :--- | :---: | :---: | :---: |
| Users | 5 | 50 | Unlimited |
| Storage | 1GB | 100GB | 1TB |
| Support | Email | Priority | 24/7 |
| Price | $0 | $29/mo | Custom |

4. 통계 데이터​

## Monthly Statistics

| Month | Users | Revenue | Growth |
| :--- | ---: | ---: | ---: |
| January | 1,234 | $12,345 | +5% |
| February | 1,456 | $14,567 | +18% |
| March | 1,789 | $17,890 | +23% |

정렬 가이드​

왼쪽 정렬 (:---)​

텍스트 컬럼에 적합

| Name | Description |
| :--- | :--- |
| John | Developer |

가운데 정렬 (:---:)​

짧은 값이나 상태에 적합

| Status | Active |
| :---: | :---: |
| ✓ | Yes |

오른쪽 정렬 (---:)​

숫자 데이터에 적합

| Price | Quantity |
| ---: | ---: |
| $99.99 | 100 |

CSV 파싱 팁​

1. 쉼표로 구분​

name,age,city
John,30,NYC
Jane,25,LA

2. 공백 자동 제거​

name , age , city
John , 30 , NYC

3. 여러 줄 복사​

엑셀이나 구글 스프레드시트에서 복사:

  1. 셀 범위 선택
  2. Ctrl+C (복사)
  3. CSV Mode에 붙여넣기
  4. Parse as CSV 클릭

JSON 파싱 팁​

1. 객체 배열​

[
{"id": 1, "name": "John"},
{"id": 2, "name": "Jane"}
]

2. 키 순서 유지​

첫 번째 객체의 키 순서가 컬럼 순서가 됩니다

3. 중첩 객체​

중첩 객체는 [object Object]로 표시됩니다 평평한 구조를 권장합니다

고급 기능​

1. 빠른 행/열 편집​

  • 행 추가: 하단의 "+ Row" 버튼
  • 열 추가: 우측의 "+ Col" 버튼
  • 삭제: 각 행/열의 "✕" 버튼

2. 크기 조정​

  • 행 수: 1-50
  • 열 수: 1-20
  • 입력 필드로 빠른 조정

3. 복사 & 붙여넣기​

  • 각 셀을 클릭하여 편집
  • Ctrl+C/V로 복사/붙여넣기 가능

Markdown 확장 문법​

GitHub Flavored Markdown​

GitHub에서는 추가 기능 지원:

| Syntax | Description | Test Text |
| --- | --- | --- |
| Header | Title | Here's this |
| Paragraph | Text | And more |

셀 내 포맷팅​

| Feature | Status |
| --- | --- |
| **Bold** | *Italic* |
| `Code` | [Link](url) |

이모지 사용​

| Status | Icon |
| --- | :---: |
| Success | ✅ |
| Warning | ⚠️ |
| Error | ❌ |

베스트 프랙티스​

1. 명확한 헤더​

✅ Good:
| User Name | Email Address | Registration Date |

❌ Bad:
| Name | Email | Date |

2. 일관된 형식​

✅ Good: 모든 날짜 YYYY-MM-DD
| Date |
| 2024-01-15 |
| 2024-01-16 |

❌ Bad: 혼합된 형식
| Date |
| Jan 15, 2024 |
| 2024-01-16 |

3. 적절한 정렬​

✅ Good:
| Name | Price | Qty |
| :--- | ---: | ---: |

❌ Bad: 모든 컬럼 왼쪽 정렬

4. 짧게 유지​

너무 긴 표는 여러 개로 분리:

## User Info
| Name | Email |
| --- | --- |
| John | john@example.com |

## User Stats
| Name | Orders | Revenue |
| --- | ---: | ---: |
| John | 10 | $500 |

주의사항​

  • Markdown 표는 복잡한 레이아웃을 지원하지 않습니다
  • 셀 병합(colspan, rowspan)은 지원되지 않습니다
  • 매우 큰 표는 가독성이 떨어집니다 (10-15 컬럼 이하 권장)
  • CSV 파싱은 따옴표로 감싼 쉼표를 처리하지 못합니다

관련 도구​

단축키 (향후 지원 예정)​

  • Tab - 다음 셀로 이동
  • Shift + Tab - 이전 셀로 이동
  • Enter - 다음 행으로 이동
  • Ctrl + Enter - 새 행 추가

추가 리소스​