Markdown을 HTML로 변환 도구 사용 설명서

빠른 시작

1. /markdown-to-html/ 페이지 방문
2. 왼쪽 Markdown 편집기에 Markdown 코드 입력 또는 붙여넣기
3. 오른쪽에 변환된 HTML 미리보기가 자동으로 표시됩니다
4. 복사 또는 다운로드 버튼을 사용하여 결과 저장

기능 설명

변환 모드

• 실시간 변환: Markdown 입력 시 자동 변환 (기본값)
• 수동 변환: 변환 버튼 클릭 시 변환

변환 옵션

• GFM 지원: GitHub Flavored Markdown 확장 구문 활성화
• 형식 조정: Markdown 출력 형식 조정 가능

작업 버튼

• 샘플 삽입: 샘플 Markdown 코드를 삽입하여 테스트
• 지우기: 모든 내용 지우기
• 복사: HTML 결과를 클립보드에 복사
• 다운로드: 변환된 .html 파일 다운로드

지원되는 Markdown 요소

기본 요소

• 제목: # H1 - ###### H6
• 단락: 일반 텍스트
• 강조: **굵게**, *기울임*
• 링크: [텍스트](URL)
• 이미지: ![alt](URL)
• 목록: - 순서 없음, 1. 순서 있음
• 코드: `인라인`, 코드 블록

고급 요소

• 표: | 열1 | 열2 |
• 인용: > 인용 내용
• 수평선: ---
• 취소선: ~~취소선~~

GitHub Flavored Markdown (GFM)

• 작업 목록: - [ ] 미완료, - [x] 완료
• 표
• 취소선
• 자동 링크

사용 팁

1. 복잡한 Markdown: 복잡한 Markdown 구조의 경우, 섹션별로 변환하는 것이 좋습니다
2. 표 변환: 표 구조가 완전하고 올바른 구분 기호를 사용하는지 확인
3. 코드 블록: 세 개의 백틱으로 코드 블록을 감싸고 언어 지정
4. 링크 처리: 상대 링크는 그대로 유지됩니다

샘플 코드

기본 Markdown

# 제목

이것은 **굵은** 글씨와 *기울임* 글씨가 포함된 단락입니다.

## 목록

- 항목 1
- 항목 2
- 항목 3

### 코드

```javascript
function hello() {
  console.log("Hello, World!");
}

링크 및 이미지

샘플 웹사이트 방문

### 표 예제
```markdown
| 기능 | 지원 | 설명 |
|------|------|------|
| 제목 | ✅ | H1-H6 |
| 목록 | ✅ | 순서 있음과 없음 |
| 코드 | ✅ | 인라인 및 블록 |
| 표 | ✅ | GFM 확장 |

주의 사항

• 모든 변환은 브라우저 로컬에서 완료되며 서버로 업로드되지 않습니다
• 일부 복잡한 Markdown 구조는 완벽하게 변환되지 않을 수 있습니다
• 변환 후 결과를 확인하고 필요에 따라 조정하는 것이 좋습니다
• 모든 표준 Markdown 구문 및 GFM 확장 지원