마크다운 프리뷰는 마크다운 문법을 실시간으로 HTML로 변환하여 미리볼 수 있는 도구입니다. 📝 기본 사용 • 왼쪽 입력창에 마크다운 문법을 입력하세요 • 오른쪽 미리보기 창에서 실시간으로 결과를 확인할 수 있습니다 • 모든 표준 마크다운 문법이 지원됩니다 ✨ 지원하는 문법 • 제목: # ~ ###### (H1-H6) • 강조: **굵게**, *기울임*, ~~취소선~~ • 리스트: 순서 있는/없는 리스트 • 링크: [텍스트](URL) • 이미지:  • 코드: `인라인 코드`, ```코드 블록``` • 인용구: > 인용문 • 테이블: | 헤더 | 헤더 | • 수평선: --- 📋 복사 기능 • "COPY MD" 버튼: 마크다운 원문을 복사합니다 • "COPY HTML" 버튼: 변환된 HTML 코드를 복사합니다 • 복사 후 다른 곳에 붙여넣기 할 수 있습니다 💾 다운로드 • "DOWNLOAD HTML" 버튼을 클릭하면 완성된 HTML 파일을 다운로드할 수 있습니다 • 다운로드된 파일은 브라우저에서 바로 열 수 있습니다 • 스타일이 포함된 완전한 HTML 문서입니다 🔄 기타 기능 • "EXAMPLE" 버튼: 예제 마크다운으로 초기화 • "CLEAR" 버튼: 모든 내용 삭제 • 실시간 통계: 문자, 단어, 줄 수 표시

마크다운(Markdown)은 2004년 존 그루버(John Gruber)가 만든 경량 마크업 언어입니다. 읽기 쉽고 쓰기 쉬운 일반 텍스트 형식으로 작성한 문서를 구조화된 HTML로 변환할 수 있습니다. 📖 마크다운의 역사 마크다운은 이메일에서 사용하던 일반 텍스트 형식 관례를 기반으로 만들어졌습니다. 개발자들과 작가들이 복잡한 HTML 태그 없이도 웹 문서를 쉽게 작성할 수 있도록 설계되었습니다. 현재는 GitHub, Reddit, Stack Overflow 등 많은 플랫폼에서 표준 문서 작성 도구로 사용되고 있습니다. ✨ 마크다운의 철학 1. 가독성: 변환하지 않아도 읽기 쉬워야 함 2. 단순성: 배우기 쉽고 작성이 빨라야 함 3. 범용성: 어떤 텍스트 에디터에서도 작성 가능 4. 확장성: HTML로 변환 가능 🔧 GitHub Flavored Markdown (GFM) GitHub이 표준 마크다운을 확장한 버전으로, 다음 기능이 추가되었습니다: • 테이블 지원 • 취소선 (~~text~~) • 자동 URL 링크 • 작업 목록 (- [ ] TODO) • 이모지 지원 • 구문 강조 코드 블록 💡 주요 사용 사례 • README 파일 작성 (GitHub, GitLab 등) • 기술 문서 및 위키 • 블로그 포스트 작성 • 프로젝트 문서화 • 노트 및 메모 • 이메일 작성 • 슬랙, 디스코드 등 채팅 메시지 📚 마크다운 vs HTML 마크다운은 HTML의 대체가 아닌 보완입니다: • 마크다운: 간단한 문서 구조 (제목, 리스트, 강조 등) • HTML: 복잡한 레이아웃과 스타일링 • 필요시 마크다운 안에 HTML 태그를 직접 사용할 수도 있습니다 🎨 마크다운 변형 • CommonMark: 표준화된 마크다운 사양 • GitHub Flavored Markdown (GFM): GitHub 확장 버전 • MultiMarkdown: 주석, 표 등 추가 기능 • Markdown Extra: PHP 마크다운 확장 • R Markdown: 데이터 분석용

💡 마크다운 프리뷰 활용 가이드 1. README 파일 작성 GitHub 프로젝트의 README.md 파일을 작성할 때 이 도구를 사용하여 실시간으로 결과를 확인하세요. 완성된 마크다운을 복사하여 바로 사용할 수 있습니다. 2. 블로그 포스트 초안 많은 정적 사이트 생성기(Jekyll, Hugo, Gatsby 등)가 마크다운을 사용합니다. 이 도구로 초안을 작성하고 미리보기 하세요. 3. 문서 작성 및 검토 기술 문서나 위키를 작성할 때 실시간 미리보기로 포맷을 확인하면서 작성할 수 있습니다. 4. HTML 내보내기 "DOWNLOAD HTML" 버튼으로 완성된 HTML 파일을 받아 이메일, 웹사이트 등에 바로 사용할 수 있습니다. 5. 코드 문서화 코드 예제를 문서화할 때 마크다운 코드 블록을 사용하세요: ```javascript // 코드 예제 function example() { return "Hello"; } ``` 6. 테이블 작성 복잡한 테이블도 마크다운으로 쉽게 작성할 수 있습니다: | 항목 | 설명 | |------|------| | A | 설명 | 7. 링크와 이미지 외부 링크: [텍스트](https://example.com) 이미지:  8. 키보드 단축키 활용 • Ctrl/Cmd + A: 전체 선택 • Ctrl/Cmd + C: 복사 • Ctrl/Cmd + V: 붙여넣기 9. 마크다운 치트시트 자주 사용하는 문법을 예제로 저장해두고 참고하세요. 10. 협업에 활용 마크다운으로 작성한 문서는 버전 관리(Git)가 쉽고, 누구나 텍스트 에디터로 편집할 수 있어 협업에 유리합니다.