마크다운 미리보기

ZetoPad는 문서와 노트를 위한 풍부한 마크다운 미리보기를 포함합니다.

미리보기 활성화

1. 마크다운 스니펫 열기 (.md 확장자 또는 언어를 Markdown으로 설정)
2. 툴바의 눈 아이콘 (👁) 클릭
3. 또는 Cmd+Shift+P를 눌러 미리보기 토글

미리보기 모드

나란히 보기

에디터와 미리보기를 가로로 분할하여 동시에 보기.

미리보기만

에디터를 숨기고 렌더링된 미리보기만 표시.

지원되는 마크다운 기능

기본 포맷팅

**굵은 텍스트**
*기울임 텍스트*
~~취소선~~
`인라인 코드`

제목

# 제목 1
## 제목 2
### 제목 3

목록

- 순서 없는 항목
- 다른 항목
  - 중첩 항목

1. 순서 있는 항목
2. 두 번째 항목

코드 블록

```python
def hello():
    print("Hello, World!")
```

코드 블록은 에디터와 동일한 구문 강조를 가집니다.

테이블

| 헤더 1 | 헤더 2 |
|--------|--------|
| 셀 1   | 셀 2   |
| 셀 3   | 셀 4   |

링크와 이미지

[링크 텍스트](https://example.com)
![대체 텍스트](image.png)

인용문

> 이것은 인용문입니다
> 여러 줄에 걸칠 수 있습니다

작업 목록

- [x] 완료된 작업
- [ ] 대기 중인 작업

Mermaid 다이어그램

ZetoPad는 Mermaid 다이어그램을 인라인으로 렌더링합니다:

플로우차트

```mermaid
graph TD
    A[시작] --> B{결정}
    B -->|예| C[무언가 하기]
    B -->|아니오| D[다른 것 하기]
    C --> E[끝]
    D --> E
```

시퀀스 다이어그램

```mermaid
sequenceDiagram
    클라이언트->>서버: 요청
    서버->>데이터베이스: 쿼리
    데이터베이스-->>서버: 결과
    서버-->>클라이언트: 응답
```

클래스 다이어그램

```mermaid
classDiagram
    Animal <|-- Dog
    Animal <|-- Cat
    Animal : +name
    Animal : +speak()
```

상태 다이어그램

```mermaid
stateDiagram-v2
    [*] --> 대기
    대기 --> 처리중: 시작
    처리중 --> 완료: 완료
    완료 --> [*]
```

실시간 미리보기

입력하는 즉시 미리보기가 실시간으로 업데이트되어 변경사항을 즉시 확인할 수 있습니다.

스타일링

미리보기는 현재 테마 색상을 사용합니다:

• 배경
• 텍스트
• 코드 블록
• 링크
• 제목

이는 에디터 모양과의 일관성을 보장합니다.