MARKDOWN 문법

2021. 9. 7. 02:20·Computer/Blog, Markdown, Latex
728x90
728x90

Markdown은

문서를 사람이 읽기 쉬운 간단한 문법으로 작성하면서도

다양한 형식으로 변환할 수 있게 해주는 문서 작성용 경량 mark-up 언어임.

 

이러한 특성 때문에

  • Markdown은 정보를 구조화하여
  • AI가 대화·작업의 전제를 이해하는데 사용하는
  • 컨텍스트(context)를 명확하게 전달하는 context.md, gemini.md 같은 문서 형식으로 채택되고 있음
  • 보다 기계친화적 context 전달은 JSON형태를 사용하기도 함.

https://dsaint31.me/mkdocs_site/CE/markdown_latex/markdown/

 

BME

Markdown Markdown은 Styling(스타일링)이 가능한 구조화된 문서 (주로 웹 콘텐츠)를 기존의 Mark-Up Language인 HTML 보다 (여러 기능이 추가되면서 복잡해짐) 쉽게 작성할 수 있도록 고안된 것으로 Mark-Up Langu

dsaint31.me

 

참고: CommonMark 와 GFM

 

  • CommonMark는 Markdown을 더 엄밀하게 표준화하려는 규격임
  • GFM(GitHub Flavored Markdown)은 GitHub가 확장한 Markdown임

 


주의할 점

  • 기본 문법: 거의 어디서나 됨
    • 제목, 목록, 링크, 굵게, 기울임, 인용문, 코드 블록
  • 확장 문법: 환경 따라 다름
    • 표, 취소선, 체크박스, 각주, 수식, Mermaid, HTML 스타일링
  • HTML/스타일 관련: 특히 자주 막힘

참고: mermaid

  • Mermaid는 텍스트 문법으로 다이어그램을 그리게 해 주는 도구

 

 


Syntax (문법)

1. Title (제목)

#문자를 입력하고 제목을 입력.
# 1개 사용 시 가장 큰 폰트의 제목이 되고, 숫자가 늘수록 줄어듦.

  • #는 <h1>태그에 해당함.
  • ##는 <h2>태그에 해당함.

2. Horizontal line

---로서 -(hyphen)을 세 번 붙여서 입력하면 됨. <hr/>태그와 같음.

---

***

  • 위에서 보이듯이 *를 세번 연달아 입력해도 같음.

3. Bold (굵은 글씨)

**로 굵은 글씨로 표시될 부분을 감싸면 됨. (_ 를 asterisk 대신 사용 가능: 즉 underscore 2개를 이용해도 됨)

이것은 **테스트**입니다.

이것은 테스트입니다.


4. Italic

* 로 이탤릭체로 표시될 부분을 감싸면 됨. (_ 도 가능)

이것은 *이탤릭체*입니다.

이것은 이탤릭체 입니다.


5. Cancel line (취소선)

~~ 로 취소선이 표시될 부분을 감싸면 됨.

이것은 ~~취소선~~ 테스트입니다.

이것은

취소선

테스트입니다.

Bold, Italic, Cancel line은 서로 중첩하여 사용가능함.


6. Under line

Markdown에선 기본적으로 underline을 지원하지 않아서 <u>태그를 사용하여 처리하는 게 일반적임
(단, html 태그 자체가 지원되지 않는 경우엔 사용불가).

이것은 <u>밑줄</u> 테스트입니다.

이것은 밑줄 테스트입니다.


7. New line

한 줄의 끝에 space를 두 번 입력하고 엔터 입력.

첫 줄입니다.[space][space][enter]
두번째 줄입니다.

첫 줄입니다.
두번째 줄입니다.


8. BlockQuote (인용문)

>문자를 입력하고 한 칸 띄운 뒤 인용문 내용을 작성함.
> 테스트

테스트

  • 인용문 안에서 다른 markdown의 element도 사용가능함 (마크다운 에디터 따라 차이 있음).

9. Code (inline code)

내용 중에 코드를 삽입하는 경우.(코드 부분은 그대로 출력됨)

이것은 `print('test')` 처럼 inline code테스트임.

이것은 print('test') 처럼 inline code테스트임.


10. Code (block code)

특정 문단으로 코드를 삽입하는 경우에는 backtick을 세 개 연달아 사용.

```
import numpy as np

print(np.__version__)
```
import numpy as np

print(np.__version__)
  • 시작하는 3개의 backtip 뒤에 python이나 c와 같이 코드 구문강조를 위한 코드 종류를 표기해도 됨.
  • 2021.09.06 현재 Tistory의 마크다운에선 지원하지 않음.

11. List (목록)

숫자가 매겨진 list는 숫자와 period(.)를 입력하고 한 칸 띄어 해당 내용을 입력.

1. test0
2. test1
  1. test0
  2. test1

bullet list는 *를 입력하고 한 칸 띄어 해당 내용을 입력. (-,+ 도 가능)

* test0
* test1
  • test0
  • test1

아래와 같이 여러 레벨의 list도 가능

* test0
  * sub-item 0-0
  * sub-tiem 0-1
* test1
  * sub-item 1-1
  * sub-tiem 1-2
  • test0
    • sub-item 0-0
    • sub-tiem 0-1
  • test1
    • sub-item 1-1
    • sub-tiem 1-2

12. Link (or Hyper-link)

특정 URL에 대한 link는 다음과 같이 만듦.

[보여질내용](url)

실제 마크다운 문서에서는 보여질내용만 보이고, 해당 글을 클릭하면 지정된 url로 이동함.

 

[가천대홈페이지](gachon.ac.kr)

가천대홈페이지


[mailto: dsaint31](dsaint31@gachon.ac.kr)

mailto: dsaint31


[표시될 텍스트][id]
[id]: url "optional title"

[Google][1]
[1]: https://www.google.com "Go to Google"

  • tistory등의 마크다운에선 동작하지 않음.

13. Image

본문 중에 이미지 삽입도 가능함.

![대체텍스트](이미지url)

![gaussian](https://search.pstatic.net/sunny/?src=https%3A%2F%2Fi.stack.imgur.com%2FRqai1.png&type=l340_165)

gaussian

  • 아직까지 image에 대한 삽입에서 정렬이나 크기 지정은 <img>태그를 이용하는게 보다 나음.

다음과 같이 확장된 markdown 이 지원되는 경우도 있음.

![대체text](img_URL){style="display: block; margin:0 auto; width:500px"}

14. Table

아래의 예를 보면 이해할 수 있음.

  • Notion 에선 안됨. ==;;
  • 기본 정렬은 왼쪽정렬임.
    | 기본정렬되는 열의 제목 | 가운데 정렬되는 열의 제목 | 오른정렬되는 열의 제목 |
    | --- | :---: | ---: |
    | hi | hello | 안녕 |
    | **hi** | **hello** | **안녕** |
    기본정렬되는 열의 제목 가운데 정렬되는 열의 제목 오른정렬되는 열의 제목
    hi hello 안녕
    hi hello 안녕

같이보면 좋은 자료들

https://ds31x.tistory.com/166

 

[vscode] Markdown+Math : vscode의 markdown에서 LaTeX수식 보기.

제목 그대로, markdown 파일에서 LaTex 수식을 미리보기 등에서 확인하기 위해 필요한 extension.Official sitehttps://marketplace.visualstudio.com/items?itemName=goessner.mdmath Markdown+Math - Visual Studio MarketplaceExtension for V

ds31x.tistory.com

https://ds31x.tistory.com/174

 

[CE] Text file: Text 파일이란?

"text file" 은사람과 컴퓨터가 읽을 수 있고 처리할 수 있도록 encoding 된 characters 로 이루어진electric text lines 로 구성되는 형태의파일 포맷 및 해당 파일을 가르킴.https://dsaint31.me/mkdocs_site/CE/ch01/code_

ds31x.tistory.com


 

728x90

'Computer > Blog, Markdown, Latex' 카테고리의 다른 글

Tistory: 설정 202501  (0) 2025.01.02
[Blog] Tistory 의 hELLO 스킨: 글머리기호 글 들여쓰기  (0) 2024.12.16
Tistory에 수식 넣기  (0) 2021.09.07
'Computer/Blog, Markdown, Latex' 카테고리의 다른 글
  • Tistory: 설정 202501
  • [Blog] Tistory 의 hELLO 스킨: 글머리기호 글 들여쓰기
  • Tistory에 수식 넣기
dsaint31x
dsaint31x
    반응형
    250x250
  • dsaint31x
    Dsaint31's blog
    dsaint31x
  • 전체
    오늘
    어제
    • 분류 전체보기 (791)
      • Private Life (16)
      • Programming (55)
        • DIP (116)
        • ML (37)
      • Computer (121)
        • CE (55)
        • ETC (33)
        • CUDA (3)
        • Blog, Markdown, Latex (4)
        • Linux (9)
      • ... (368)
        • Signals and Systems (115)
        • Math (176)
        • Linear Algebra (33)
        • Physics (43)
        • 인성세미나 (1)
      • 정리필요. (61)
        • 의료기기의 이해 (6)
        • PET, MRI and so on. (7)
        • PET Study 2009 (1)
        • 방사선 장해방호 (5)
        • 방사선 생물학 (3)
        • 방사선 계측 (9)
        • 기타 방사능관련 (3)
        • 고시 (9)
        • 정리 (18)
      • RI (0)
      • 원자력,방사능 관련법 (2)
  • 블로그 메뉴

    • Math
    • Programming
    • SS
    • DIP
  • 링크

    • Convex Optimization For All
  • 공지사항

    • Test
    • PET Study 2009
    • 기타 방사능관련.
  • 인기 글

  • 태그

    인허가제도
    ML
    Probability
    Optimization
    SS
    math
    opencv
    numpy
    cv2
    signal_and_system
    Python
    function
    Vector
    random
    linear algebra
    fourier transform
    Term
    SIGNAL
    signals_and_systems
    Programming
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
dsaint31x
MARKDOWN 문법
상단으로

티스토리툴바