Markdown Preview
왼쪽에서 Markdown을 작성하면 오른쪽에 렌더링된 HTML이 표시돼요. GFM 문법을 지원하며 표, 코드 블록, 작업 목록도 포함돼요. 100% 브라우저에서 처리돼요.
작동 방식: 아래 에디터에 Markdown을 입력하거나 붙여넣으면 HTML로 실시간 렌더링돼요. 제목, 굵은 글씨, 기울임, 링크, 이미지, 코드 블록, 표, 목록 등을 지원해요. 서버로 전송되는 데이터가 없어요.
Welcome to Markdown Preview
This is a live Markdown editor. Everything you type is rendered instantly.
Features
- Bold and italic text
Strikethroughtext- Links and images
- Code blocks with syntax highlighting
- Tables and lists
Code Block
function greet(name) {
return `Hello, ${name}!`;
}
console.log(greet("World"));
Inline Code
Use console.log() for debugging.
Blockquote
"The best way to predict the future is to invent it."
— Alan Kay
Table
| Feature | Status | Notes |
|---|---|---|
| Headers | Done | h1-h6 |
| Lists | Done | Ordered & unordered |
| Tables | Done | GFM style |
| Code | Done | Fenced & inline |
Ordered List
- First item
- Second item
- Third item
Horizontal Rule
That's it! Start editing to see your Markdown rendered.
Markdown이란?
Markdown은 2004년 John Gruber가 만든 가벼운 마크업 언어예요. 읽고 쓰기 쉬운 평문 문법으로 형식이 지정된 텍스트를 작성할 수 있어요. Markdown은 문서, README 파일, 블로그, 포럼, 메시징 앱에서 널리 사용돼요. 파일은 보통 .md 또는 .markdown 확장자를 써요. 문법은 렌더링 없이도 읽을 수 있도록 설계됐어요.
Markdown 기본 문법
제목은 # 기호를 사용해요 (# for h1, ## for h2, 최대 ######). 굵은 글씨는 **쌍 별표**, 기울임은 *단일 별표*를 사용해요. 링크는 [텍스트](url) 형식, 이미지는 를 사용해요. 코드 블록은 삼중 백틱 (```)을 사용하고 선택적으로 언어 식별자를 붙일 수 있어요. 목록은 비순서형 목록에 - 또는 *, 순서형 목록에 1.을 써요. 인용은 > 기호로 시작해요.
GitHub Flavored Markdown (GFM)
GitHub Flavored Markdown은 표준 Markdown을 확장하는 기능들을 제공해요. 파이프 | 와 대시 - 로 표를 만들고, [ ] 와 [x]로 작업 목록을 만들고, ~~이중 물결 기호~~로 취소선을 그을 수 있어요. Fence된 코드 블록도 문법 하이라이팅을 지원해요. GFM은 개발자 커뮤니티에서 가장 많이 사용되는 Markdown 변형이에요.
Markdown 작성 팁
- 블록 요소 사이에 빈 줄을 사용하면 소스가 더 명확해요
- 한 줄을 80자 이하로 유지하면 가독성이 좋아요
- 반복되는 URL은 참조 스타일 링크를 사용해요
- 문법 하이라이팅을 위해 언어 식별자와 함께 fence된 코드 블록을 사용해요
- 제목 계층을 일관되게 사용해요 (단계를 건너뛰지 말고)
- 발행 전에 Markdown 미리보기를 확인하여 형식 오류를 잡아요