평생 소원이 누룽지

안내

노트 작성법

목록, 수식, callout, 접이식 영역을 Markdown으로 쓰는 방법입니다. 각 예시 아래에 실제 결과를 함께 두었습니다.

이 문서의 목차
  1. 편집기와 노트 정보
  2. 목록
    1. 한 항목에 여러 덩어리 넣기
  3. 수식
    1. 달러 기호를 글자로 쓰기
    2. 지원하는 환경
    3. 긴 수식
  4. callout
  5. 접이식 증명·풀이
  6. 목록 안에 callout·접이식 영역 넣기
  7. 그 밖의 문법

편집기와 노트 정보

노트는 /admin/ 편집기에서 씁니다. 왼쪽 칸에 Markdown 본문을 쓰면 오른쪽 칸에 실제 페이지와 같은 모양으로 미리 보입니다. Ctrl+S로 저장하면 바로 사이트에 반영됩니다.

칸 뜻
제목 페이지의 h1
과목 메뉴에서 묶이는 과목 id (math, physics 등)
주소 페이지 주소. 새 노트는 과목과 제목으로 자동으로 채워집니다. 예: /notes/math/fourier/
순서 같은 과목 안에서의 순서 (선택, 작을수록 위)
한 줄 소개 제목 아래와 검색 엔진에 쓰이는 소개 (선택)
  • 마지막 수정일은 저장할 때 자동으로 오늘 날짜가 됩니다.
  • 문서 제목이 페이지의 h1이 되므로 본문 제목은 ##부터 씁니다.
  • ##과 ### 제목이 목차에 들어갑니다.

목록

들여쓰기는 상위 항목의 글자 시작 위치에 맞춥니다. - 목록은 공백 2칸, 1. 목록은 공백 3칸입니다.

- 첫 단계
  - 둘째 단계
    - 셋째 단계
      - 넷째 단계
1. 번호 목록
   1. 하위 번호는 a, b, c로 표시됩니다.
- [x] 끝낸 일
- [ ] 남은 일
  • 첫 단계
    • 둘째 단계
      • 셋째 단계
        • 넷째 단계
  1. 번호 목록
    1. 하위 번호는 a, b, c로 표시됩니다.
      1. 셋째 단계는 i, ii, iii입니다.

한 항목에 여러 덩어리 넣기

항목 안에서 빈 줄을 두고, 같은 들여쓰기로 문단·수식·이미지·하위 목록을 이어 씁니다.

1. 첫 문단입니다.

   같은 항목의 둘째 문단입니다.

   $$
   \nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0}
   $$

   ![설명](/assets/images/unit-circle.svg)

   - 하위 목록도 이어서 둘 수 있습니다.
  1. 첫 문단입니다.

    같은 항목의 둘째 문단입니다.

    \[\nabla \cdot \mathbf{E} = \frac{\rho}{\varepsilon_0}\]

    원점을 중심으로 하는 단위원과 각도 θ에 해당하는 점 (cos θ, sin θ)

    • 하위 목록도 이어서 둘 수 있습니다.
  2. 다음 항목은 번호가 이어집니다.

수식

  • 인라인 수식은 $...$로 씁니다: $a^2 + b^2 = c^2$ → \(a^2 + b^2 = c^2\)
  • 독립 수식은 $$를 각각 한 줄에 둡니다.
  • 여는 $ 바로 뒤와 닫는 $ 바로 앞에는 공백을 두지 않습니다.
  • 수식 바로 뒤에 한글 조사를 붙여도 됩니다: $x$는 → \(x\)는
$$
\begin{aligned}
(a+b)^2 &= (a+b)(a+b) \\
        &= a^2 + 2ab + b^2
\end{aligned}
$$
\[\begin{aligned} (a+b)^2 &= (a+b)(a+b) \\ &= a^2 + 2ab + b^2 \end{aligned}\]

달러 기호를 글자로 쓰기

  • 금액처럼 $ 뒤에 숫자가 오고 짝이 맞지 않으면 그대로 글자로 남습니다: 사과는 $3, 배는 $5입니다.
  • 확실하게 글자로 쓰려면 \$처럼 역슬래시를 붙입니다: $x$는 수식이 아닙니다.
  • 코드 안의 내용은 수식으로 바뀌지 않습니다: price = $x$

지원하는 환경

쓰임 문법
분수·첨자 \frac{a}{b}, x_i^2, \sqrt[n]{x}
적분·합 \int_a^b, \iint, \oint, \sum_{n=0}^\infty
행렬 \begin{pmatrix}…\end{pmatrix}, bmatrix, vmatrix
경우 나누기 \begin{cases}…\end{cases}
여러 줄 정렬 \begin{aligned}…\end{aligned}, align, gather
물리 표기 \ket{\psi}, \dv{f}{x}, \pdv{f}{x} (physics 패키지)
화학식 \ce{H2O} (mhchem)
  • 화학 반응식도 쓸 수 있습니다: $\ce{2H2 + O2 -> 2H2O}$ → \(\ce{2H2 + O2 -> 2H2O}\)
  • \R, \C, \N, \Z, \Q는 \(\R, \C, \N, \Z, \Q\)로 바로 쓸 수 있습니다. 매크로는 src/assets/js/mathjax-config.js에서 추가합니다.
  • 수식 문법이 틀리면 그 자리에 빨간 오류 문구가 표시됩니다.

긴 수식

화면보다 긴 수식은 수식 영역만 가로로 스크롤됩니다. 가능하면 aligned와 \\로 직접 줄을 나눠 주세요.

callout

::: 다음에 종류와 (선택) 제목을 쓰고, :::로 닫습니다.

::: definition 연속 (continuity)
함수 $f$가 $a$에서 연속이라는 것은 $\lim_{x \to a} f(x) = f(a)$라는 뜻입니다.
:::

정의 연속 (continuity)

함수 \(f\)가 \(a\)에서 연속이라는 것은 \(\lim_{x \to a} f(x) = f(a)\)라는 뜻입니다.

종류 라벨 쓰임
definition 정의 용어의 정의
theorem 정리 정리·법칙
lemma 보조정리 보조 결과
example 예시 계산 예
note 참고 덧붙이는 설명
warning 주의 흔한 실수·조건

주의

제목은 생략할 수 있습니다. 이때는 라벨만 표시됩니다.

접이식 증명·풀이

proof(증명), solution(풀이), details(자세히)는 처음에 접힌 상태로 표시됩니다. 처음부터 펼쳐 두려면 종류 뒤에 [open]을 붙입니다.

::: proof 정리 1
증명 내용. 끝에는 ∎ 표시가 자동으로 붙습니다.
:::

::: solution [open] 연습문제 2
펼쳐진 상태로 시작하는 풀이입니다.
:::
증명 \(\sqrt{2}\)는 무리수이다

\(\sqrt{2} = p/q\) (서로소인 정수)라고 가정하면 \(p^2 = 2q^2\)이므로 \(p\)는 짝수입니다. \(p = 2r\)을 대입하면 \(q^2 = 2r^2\)이 되어 \(q\)도 짝수이므로 서로소라는 가정에 모순입니다.

풀이 연습문제 — \(\int_0^1 x e^{x}\,dx\)

부분적분으로 \(\left[x e^x\right]_0^1 - \int_0^1 e^x\,dx = e - (e - 1) = 1\)입니다.

목록 안에 callout·접이식 영역 넣기

목록 항목과 같은 들여쓰기로 :::를 씁니다. callout 안에 다른 ::: 영역을 넣을 때는 바깥쪽 콜론을 더 길게(::::) 씁니다.

1. 극한의 정의를 확인합니다.

   ::: definition
   $\forall \varepsilon > 0\ \exists \delta > 0$ …
   :::

2. 연습문제를 풉니다.

   ::::: example 예제
   본문

   ::: solution
   풀이
   :::
   :::::
  1. 극한의 정의를 확인합니다.

    정의 극한 (\(\varepsilon\)–\(\delta\))

    모든 \(\varepsilon > 0\)에 대하여 어떤 \(\delta > 0\)가 있어 \(0 < |x - a| < \delta\)이면 \(|f(x) - L| < \varepsilon\)일 때, \(\lim_{x \to a} f(x) = L\)이라고 씁니다.

  2. 연습문제를 풉니다.

    예시 예제

    \(\lim_{x \to 2} (3x - 1) = 5\)임을 보이세요.

    풀이

    \(|f(x) - 5| = 3|x - 2|\)이므로 \(\delta = \varepsilon / 3\)으로 두면 됩니다.

그 밖의 문법

  • 강조는 **굵게** 대신 색으로만 구분됩니다: 핵심어는 이렇게 보입니다.
  • 이미지는 src/assets/images/에 두고 ![설명](/assets/images/파일.svg)로 넣습니다. 설명은 화면낭독기가 읽으므로 꼭 적어 주세요.
  • 표·인용·코드 블록은 일반 Markdown 문법을 그대로 씁니다.
  • 수식을 코드 블록으로 쓰고 싶다면 언어 이름을 math로 둡니다.
\[\mathcal{F}\{f\}(\xi) = \int_{-\infty}^{\infty} f(x)\, e^{-2\pi i x \xi}\, dx\]