새롭게 시작하는 사람들을 위한 튜토리얼

파트 1: Logicae 에디터의 기본

Logicae 에디터는 "카드" 시스템을 사용합니다. 새 줄에서 + 버튼을 클릭하거나, /를 입력하여 카드 메뉴를 열어 새로운 콘텐츠 카드를 추가할 수 있습니다.

  • Headers:
    • 제목 1 (H1)을 만들려면 #을 입력한 뒤 한 칸 띄웁니다.
    • 제목 2 (H2)는 ##을 입력한 뒤 한 칸 띄웁니다.
    • 제목 3 (H3)는 ###을 입력한 뒤 한 칸 띄웁니다.
    • 이 패턴을 H6까지 계속할 수 있습니다.
  • Bolds: 텍스트를 선택하고 툴바의 B 아이콘을 클릭하거나 Ctrl/Cmd + B 단축키를 사용합니다. 또는 **텍스트** 또는 __텍스트__로 입력합니다.
  • Italics: 텍스트를 선택하고 I 아이콘을 클릭하거나 Ctrl/Cmd + I를 사용합니다. 또는 *텍스트* 또는 _텍스트_로 입력합니다.
  • Lists:
    • Bulleted List: * 또는 -를 입력한 뒤 한 칸 띄웁니다.
    • Numbered List: 1.을 입력한 뒤 한 칸 띄웁니다.
  • Quotes:
    • >를 입력한 뒤 한 칸 띄워 인용구를 만듭니다.

파트 2: 콘텐츠 카드 활용하기

/ 명령어 또는 + 버튼을 사용하여 다양한 카드를 삽입하여 콘텐츠를 풍부하게 만들 수 있습니다.

  • Image: 이미지를 업로드하거나 URL을 붙여넣어 이미지를 추가합니다. Logicae 에디터에는 간단한 조정을 위한 내장 이미지 편집기도 포함되어 있습니다.
  • HTML: 이것은 고급 사용에 가장 중요한 카드입니다. HTML 카드를 사용하면 사용자 정의 코드를 게시물에 직접 삽입할 수 있습니다. 시뮬레이션, Mermaid Diagram 등을 사용할 때 이 카드를 사용하게 됩니다.
  • MarkDown(MD): 마크다운으로 글을 쓰는 것을 선호한다면, 마크다운 카드를 사용할 수 있습니다. 표준 에디터에서 기본적으로 지원되지 않는 각주와 같은 기능에 특히 유용합니다.
  • Embed: YouTube, Vimeo, Spotify, 또는 Twitter와 같은 서비스의 URL을 붙여넣으면 Logicae 에디터가 자동으로 풍부한 임베드 카드를 생성합니다.
  • Toggle: FAQ나 긴 콘텐츠를 숨기기 위한 접을 수 있는 텍스트 섹션을 만듭니다.
  • Callout: 중요한 정보, 팁, 또는 경고를 위해 시각적으로 눈에 띄는 텍스트 블록을 추가합니다.

파트 3: LaTeX를 사용하여 수학 방정식 추가하기

  • 인라인 수학: LaTeX 코드를 단일 달러 기호로 감쌉니다: $E=mc^2$는 $E = mc^2$로 렌더링됩니다.
  • 디스플레이 수학: LaTeX 코드를 이중 달러 기호로 감쌉니다: $$\sum_{i=1}^n i = \frac{n(n+1)}{2}$$
    $$\sum_{i=1}^n i = \frac{n(n+1)}{2}$$
    와 같이 렌더링됩니다:

파트 4: Mermaid를 사용하여 코드로 다이어그램 추가하기

Mermaid는 간단한 텍스트를 사용하여 흐름도, 순서도, 간트 차트 등을 만들 수 있게 해줍니다.

  1. Logicae 에디터에서 /html을 입력하거나 메뉴에서 HTML 카드를 선택하여 추가합니다.
  2. HTML 카드 내부에 <pre class="mermaid"> 태그를 사용합니다.

이 태그 안에 Mermaid 코드를 작성합니다.

<pre class="mermaid">
graph TD
    A[시작] --> B(프로세스)
    B --> C{결정}
    C -- 예 --> D[끝]
    C -- 아니오 --> B
</pre>

이것은 게시물에서 아래와 같이 렌더링됩니다.

graph TD
    A[시작] --> B(프로세스)
    B --> C{결정}
    C -- 예 --> D[끝]
    C -- 아니오 --> B