코드, 수식, 다이어그램

메모에 글만 쓰라는 법은 없어요. 자꾸 잊어버리는 명령어를 적어 두고, 수식을 제대로 쓰고, 과정을 다이어그램으로 그려 보세요. 모두 같은 메모 안에서, 인터넷 연결 없이 Mac에서 그려져요.

인라인 코드

짧은 명령어, 파일 이름, 설정 값을 백틱으로 감싸거나, 선택한 다음 ⌥⌘C 키를 누르세요.

공유기를 재시작한 다음 `ping 1.1.1.1` 명령어로 확인하기.

코드 블록

여러 줄은 코드 블록에 쓰세요. ⌃⌘C 키를 누르거나, 한 줄에 백틱 세 개만 입력하면 Varlig가 닫는 백틱을 추가하고 언어를 제안해 줘요. python이나 swift 같은 언어를 고르면 코드에 문법 색상이 입혀져요.

```python
for item in 짐_목록:
    print(item)
```

블록 옆의 Copy Code 버튼을 누르면 백틱 없이 내용만 복사돼요. 백틱 줄은 커서가 블록 안에 있을 때만 보여요.

특별한 언어가 두 가지 있어요. calc 언어는 블록을 계산기로 바꾸고(첫 번째 계산 참고), mermaid 언어는 아래에서 보듯 다이어그램을 그려요.

수식

수학은 TeX 표기법으로 쓰세요. 문장 안에 넣으려면 달러 기호 하나로 감싸고(Format › Math Formula 메뉴), 블록으로 보여 주려면 따로 떨어진 줄의 달러 기호 두 개 사이에 넣으세요(Format › Math Block 메뉴).

원의 넓이는 $\pi r^2$이에요.

$$
x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}
$$

커서가 수식 안에 있으면 입력하는 동안 원본과 실시간 미리보기가 함께 보여요. Varlig는 자주 쓰는 TeX 명령을 지원하고, 모르는 명령이 있으면 수식 자리에 오류가 표시돼요.

수식은 수학을 보여 주기만 해요. 답을 계산하려면 계산 블록을 쓰세요.

Mermaid 다이어그램

순서도, 타임라인 등의 다이어그램을 텍스트로 설명하면 Varlig가 메모에 그려 줘요. Format › Mermaid Diagram 메뉴를 선택해 기본 틀을 넣거나, mermaid 블록을 직접 쓰세요.

```mermaid
flowchart LR
  아이디어 --> 계획 --> 완료
```

첫 줄에는 다이어그램 종류를 적어요. Varlig는 순서도(flowchart 또는 graph), sequenceDiagram, classDiagram, stateDiagram, erDiagram, pie, gantt, journey, timeline, mindmap, gitGraph, quadrantChart, xychart, sankey, kanban 등을 그릴 수 있어요. 텍스트를 고치면 다이어그램도 따라 바뀌어요.

다이어그램 하나에는 최대 512줄, 상자 256개, 연결 512개까지 쓸 수 있어요.

YAML 프런트 매터

어떤 도구는 Markdown 파일 맨 위에서 메타데이터를 읽어요. Format › YAML Front Matter 메뉴를 선택하면 메모의 맨 처음에 두 개의 --- 줄로 감싼 블록이 추가돼요.

---
project: 주방
status: 계획 중
---

Varlig는 프런트 매터를 쓴 그대로 보존하고, 그 다음 첫 줄을 메모의 제목으로 써요.

HTML

Varlig는 HTML 태그를 서식으로 바꾸지 않고 텍스트로 보여 줘요. 단 하나의 예외는 새 줄을 시작하는 <br> 태그예요.