튜토리얼 문서

새로운 글 작성에 참고가 될 샘플 페이지

이종립 게시 날짜: 2020.02.03.

소제목을 다루는 방법부터 시작합시다.

h2 소제목

h1은 타이틀을 위한 것이므로, 본문에서 가장 큰 소제목은 h2입니다.

마크다운 문법으로 다음과 같이 쓸 수 있습니다.

## h2 소제목

h3 소제목

h3 소제목부터는 인덴트가 들어갑니다.

### h3 소제목

h4 소제목

소제목 레벨은 1 단계씩 내려가는 계층 구조를 이루도록 합니다.

## 키보드의 종류
### 기계식
### 멤브레인
### 정전식 무접점
## 마우스의 종류

하위 주제를 다룰 때에는 다음 레벨을 건너뛰지 않고 현재 레벨의 +1 레벨로 내려가도록 합니다.

## 키보드의 종류
#### 기계식         <- BAD: ### 을 쓰지 않고 #### 로 건너뛰었습니다.
#### 멤브레인
#### 정전식 무접점
## 마우스의 종류
h5 소제목
h6 소제목

h6까지 쓸 일은 거의 없을 것입니다. h7부터는 권장하지 않습니다.

h7을 사용할 일이 생겼다면 글 전체를 리팩토링해보세요.

목차를 추가하기

다음과 같이 * TOC를 적고 아랫줄에 {:toc}라 적어주면 목차(Table Of Contents)가 나옵니다. 이 튜토리얼 문서에는 목차가 적용되어 있습니다.

만약 목차가 필요없는 글이라면 굳이 적어주지 않아도 됩니다.

---
layout  : post
title   : 튜토리얼 문서
summary : 새로운 글 작성에 참고가 될 샘플 페이지
date    : 2020-02-03 22:09:11 +0900
author  : 이종립
public  : true
---
* TOC
{:toc}

마크다운 문법을 사용해 글을 작성하는 방법

이미지를 첨부하는 방법

이미지를 첨부하고 싶다면, 다음과 같이 하면 됩니다.

  • post-img 디렉토리에 작성중인 문서 파일의 이름과 같은 이름을 갖는 디렉토리를 만들어 줍니다.
  • 해당 디렉토리에 이미지 파일을 복사해 넣습니다.
    • 이미지 최적화는 각자 알아서 합니다. 잘 모르겠다면 LDD 이종립에게 문의하세요.
.
├── README.md
├── _blog
│   ├── sample-page.md      << 작성중인 포스트 파일
│   └── welcome-to-kurly.md
├── _config.yml
├── about.md
├── css
├── post-img
│   └── sample-page     << 작성중인 포스트 파일 이름과 같은 디렉토리를 만들고
│       └── logo.png    << 이미지 파일을 넣어줍니다
├── start.sh
└── utterances.json

그 다음 마크다운 문서 내에 다음과 같이 추가해주면 됩니다.

![컬리 로고]( /post-img/sample-page/logo.png )

그러면 이렇게 나옵니다.

컬리 로고

테이블을 추가하는 방법

헤더 왼쪽 정렬(기본) 오른쪽 정렬 좌우 정렬
행 1 2 3
수식도 가능 \(e^{ i \pi }\) \(e = mc^2\) \(\frac{ -b \pm \sqrt{ 4ac } }{ 2a }\)
강조 Integer console.log null
이미지도 가능 컬리 로고 컬리 로고 컬리 로고

코드 예제

  • Java 코드 예제
public class Main {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}
  • php 코드 예제
<?php
  echo "Hello, World!";
?>

TeX 문법을 사용한 수식 예제

마크다운 파일 상단 메타데이터에 latex : true를 추가해주면 TeX 문법을 사용해 수식을 입력할 수 있습니다.

---
layout  : post
title   : 수식이 있는 문서
date    : 2020-02-03 22:09:11 +0900
author  : 이종립
public  : true
latex   : true      <- 이렇게 추가해 줍니다
---

쓰고 싶은 수식이 있는데 TeX 문법을 모른다면 LDD 이종립에게 도움을 요청하세요.

  • 정보 이론
\[H = - \sum_x p(x) \log p(x)\] 
$$ H = - \sum_x p(x) \log p(x) $$
  • 맥스웰 방정식
\[\begin{array}{cc} \nabla \cdot \textbf{E} = 0 & \nabla \times \textbf{E} = - \frac{1}{c}\frac{\partial \textbf{H}}{\partial t} \\ \nabla \cdot \textbf{H} = 0 & \nabla \times \textbf{H} = \frac{1}{c}\frac{\partial \textbf{E}}{\partial t} \\ \end{array}\] 
$$
\begin{array}{cc}
\nabla \cdot \textbf{E} = 0 & \nabla \times \textbf{E} = - \frac{1}{c}\frac{\partial \textbf{H}}{\partial t} \\
\nabla \cdot \textbf{H} = 0 & \nabla \times \textbf{H} =   \frac{1}{c}\frac{\partial \textbf{E}}{\partial t} \\
\end{array}
$$
  • 베이즈 정리
\[p(H_n \mid D) = {p(H_n) \times p(D \mid H_n) \over p(D)} \\\] 
$$ p(H_n \mid D) = {p(H_n) \times p(D \mid H_n) \over p(D)} $$
  • 푸리에 변환
\[\hat{f}(\xi) = \int_{ - \infty}^{ \infty } f(x) e^{ -2 \pi i x \xi} dx\] 
$$ \hat{f}(\xi) = \int_{ - \infty}^{ \infty } f(x) e^{ -2 \pi i x \xi} dx $$