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
  • Strikethrough text
  • 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

  1. First item
  2. Second item
  3. Third item

Horizontal Rule


That's it! Start editing to see your Markdown rendered.

147 단어880 글자50 줄

Markdown이란?

Markdown은 2004년 John Gruber가 만든 가벼운 마크업 언어예요. 읽고 쓰기 쉬운 평문 문법으로 형식이 지정된 텍스트를 작성할 수 있어요. Markdown은 문서, README 파일, 블로그, 포럼, 메시징 앱에서 널리 사용돼요. 파일은 보통 .md 또는 .markdown 확장자를 써요. 문법은 렌더링 없이도 읽을 수 있도록 설계됐어요.

Markdown 기본 문법

제목은 # 기호를 사용해요 (# for h1, ## for h2, 최대 ######). 굵은 글씨는 **쌍 별표**, 기울임은 *단일 별표*를 사용해요. 링크는 [텍스트](url) 형식, 이미지는 ![alt](url)를 사용해요. 코드 블록은 삼중 백틱 (```)을 사용하고 선택적으로 언어 식별자를 붙일 수 있어요. 목록은 비순서형 목록에 - 또는 *, 순서형 목록에 1.을 써요. 인용은 > 기호로 시작해요.

GitHub Flavored Markdown (GFM)

GitHub Flavored Markdown은 표준 Markdown을 확장하는 기능들을 제공해요. 파이프 | 와 대시 - 로 표를 만들고, [ ] 와 [x]로 작업 목록을 만들고, ~~이중 물결 기호~~로 취소선을 그을 수 있어요. Fence된 코드 블록도 문법 하이라이팅을 지원해요. GFM은 개발자 커뮤니티에서 가장 많이 사용되는 Markdown 변형이에요.

Markdown 작성 팁

  • 블록 요소 사이에 빈 줄을 사용하면 소스가 더 명확해요
  • 한 줄을 80자 이하로 유지하면 가독성이 좋아요
  • 반복되는 URL은 참조 스타일 링크를 사용해요
  • 문법 하이라이팅을 위해 언어 식별자와 함께 fence된 코드 블록을 사용해요
  • 제목 계층을 일관되게 사용해요 (단계를 건너뛰지 말고)
  • 발행 전에 Markdown 미리보기를 확인하여 형식 오류를 잡아요