H1 제목

H2 제목

H3 제목

H4 제목

H5 제목

H6 제목

텍스트 스타일

일반 텍스트입니다. 굵은 텍스트, 기울임 텍스트, 굵고 기울임, 취소선, 인라인 코드

밑줄 텍스트도 가능합니다.

단락과 줄바꿈

첫 번째 단락입니다. 마크다운에서 단락은 빈 줄로 구분합니다.

두 번째 단락입니다. 줄바꿈을 하려면 줄 끝에 스페이스 두 칸을 넣거나
이렇게 백슬래시를 사용합니다.

링크

일반 링크

타이틀 있는 링크

자동 링크: https://www.google.com

이미지

타이틀 있는 이미지:

목록

순서 없는 목록

• 항목 1
• 항목 2
  • 중첩 항목 2-1
  • 중첩 항목 2-2
    • 더 깊은 중첩 2-2-1
• 항목 3

순서 있는 목록

1. 첫 번째
2. 두 번째
   1. 중첩 2-1
   2. 중첩 2-2
3. 세 번째

작업 목록

• 완료된 작업
• 이것도 완료
• 미완료 작업
• 아직 안 한 것

인용구

단순 인용구입니다.

여러 줄 인용구입니다. 두 번째 줄입니다.

단락도 포함할 수 있습니다.

중첩 인용구

안쪽 인용구

더 안쪽 인용구

코드

인라인 코드

변수 const foo = 'bar'를 선언합니다.

코드 블록 (언어 없음)

일반 코드 블록입니다.
들여쓰기가 유지됩니다.

JavaScript

const greet = (name) => {
  return `Hello, ${name}!`;
};

console.log(greet('World'));

TypeScript

interface User {
  id: number;
  name: string;
  email?: string;
}

async function fetchUser(id: number): Promise<User> {
  const res = await fetch(`/api/users/${id}`);
  return res.json();
}

CSS

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
  color: var(--color-primary);
}

Bash

npm install
npm run dev
npm run build

표

열 정렬: 기본(왼쪽) / 가운데 :---: / 오른쪽 ---:

수평선

세 가지 방법 모두 동일합니다.

각주

마크다운은 각주도 지원합니다.¹

긴 설명이 필요한 경우 이렇게.²

HTML 직접 사용

마크다운 안에서 HTML을 직접 쓸 수 있습니다.

중첩 구조 예시

인용구 안에 목록:

• 항목 A
• 항목 B

// 인용구 안에 코드 블록도 됩니다
const x = 1;