2020.코딩일지

마크다운 본문

카테고리 없음

마크다운

개발하는라푼젤 2021. 3. 23. 17:00
728x90

마크다운이란

마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다.
-위키백과

🤔제목(Hearder)

h1부터 h6까지 표현할 수 있으며, #의 개수로 표현 가능합니다.

==, --, -------- 로도 표현 가능합니다.

✍작성코드(.md)

코드

👉결과

H1 태그

H2 태그

H3 Tag

H4 Tag

헤더처럼 크고 진하게

헤더처럼 크고 진하게


🤔수평선

*이나 -, _등을 3개 이상 입력하면 구분선, 수평선이 됩니다.

띄어쓰기를 중간에 삽입해도 가능합니다.

다만, 하이픈 -은 헤더로 인식할 수도 있으니 주의해서 사용할 필요가 있습니다.

✍작성코드(.md)

***
---
-- -- -- --

👉결과





🤔리스트

1. 순서가 없는 리스트

특징을 나열할 때 사용합니다.

-, *, + 을 사용하여 ✨한칸 띄어서 작성합니다.(모두 동일하게 적용)

인라인코드, 블럭코드를 작성할 수 있으며 Tab키나 space 바를 이용해 들여쓰기가 가능합니다.

✍작성코드(.md)

- list 1 (찐동그라미)
- list 2
- list 3
    - A (한번 Tab 흰동그라미)
        - B (두번 Tab 찐네모)
- **무결성** : 특징정리는 리스트와 진하기를 함께 사용하면 좋다
- **간결성** : 특징소개
* list
    * list
        * list
+ list
    + list
        + list
        두번 Tab하면 코드 블럭을 만들 수 있어요.

👉결과

  • list 1
  • list 2
  • list 3
    • A
      • B
  • 무결성 : 특징정리는 리스트와 진하기를 섞어서 쓰면 좋다.
  • 간결성 : 특징소개
  • list
    • list
      • list
  • list
    • list
      • list

2. 순서가 있는 리스트

1., 2.와 같이 숫자.띄어써서 작성합니다.

✍작성코드(.md)

1. list 1
3. list 2
3. list 3
    1. A
        1. B

👉결과

  1. list 1
  2. list 2
  3. list 3
    1. A
      1. B

🤔문단간격

문단의 간격은 `줄 바꿈`으로 나타내며, `
`을 사용합니다.
✍작성코드(.md)

첫 번째 문단<br><br>
두 번째 문단

👉결과
첫 번째 문단

두 번째 문단


🤔폰트 스타일

컬러는 html 태그를 이용하여 작성합니다.
✍작성코드(.md)

*기울임이탤릭*
_기울임이탤릭_
**진하게**
__진하게__
**_이탤릭+진하게_**
~~취소선~~
~글씨작게~
<span style="color:red">red</span>
<span style="color:#d3d3d3">#d3d3d3</span>
<span style="color:rgb(245, 235, 13)">rgb(245, 235, 13)</span>

👉결과

기울임이탤릭

기울임이탤릭

진하게

진하게

이탤릭+진하게

취소선

글씨작게~

red

#d3d3d3

rgb(245, 235, 13)


🤔인용문Quote

인용문을 작성할 때에는 `>`를 사용합니다.
✍작성코드(.md)

>인용문작성하기
-작성자
>> 인용문작성하기
>>>인용문작성하기
>>>>인용문작성하기
>>>>>몇개까지가능한가(5개;)

👉결과

인용문Quote작성하기 -작성자

인용문작성하기

인용문작성하기

인용문작성하기

몇개까지가능한가


🤔인라인 코드

`` 백틱( ` ) ``을 사용하여 인라인 코드를 작성합니다.
✍작성코드(.md)

`인라인 코드 작성은 백틱 한개씩`

👉결과

인라인 코드 작성은 백틱 한개씩


🤔코드 블럭(코드 여러 줄) & 하이라이트

`` 백틱( ` ) ``을 3개 사용하여 코드블럭을 작성합니다.
첫번째줄 백틱3개 옆에 원하는 문법을 입력하면 색을 입혀줍니다.
예) python cpp sh쉘 javascript
[carbon.now.sh](carbon.now.sh) 코드스샷툴✨을 사용하기도 합니다.
✍작성코드(.md)

``` python
#include <stdio.h>

int main(){
    printf("hello world");
    return 0;
}
결과는 보통 sh로 합니다.

👉결과

#include <stdio.h>

int main(){  
printf("hello world");  
return 0;  
}

결과는 보통 sh로 합니다.

---

## 🤔링크(Link)

✍작성코드(.md)

1.인라인 링크는 아래처럼
네이버
네이버 바로가기

2.url링크는 아래처럼
https://never.com/

3.참조링크는 아래처럼
[참조링크]:(https://never.com/)


👉결과  
1.인라인 링크는 아래처럼  
[네이버](https://never.com/)  
[네이버 바로가기](naver.com)

2.url링크는 아래처럼  
[https://never.com/](https://never.com/)

3.참조링크는 아래처럼  
\[참조링크\]:([https://never.com/](https://never.com/))

---

## 🤔이미지 & 링크추가

이미지 크기는 10MB 이하만 가능합니다. (gif 포함)  
자동중앙정렬 와이드100%로 삽입됩니다.  
✨사이즈를 조절하고 싶다면 HTML img태그로 작성합니다.  
\`!\[알트태그이미지엑박대신보이는글\](이미지링크주소)\`  
\`\[!\[이미지 설명\](이미지 링크)\](연결하고자하는 url "마우스 오버 시 나타낼 링크 title")\`  
✍작성코드(.md)

랜덤이미지

)

이미지깨졌을때alt태그같은거임

Open In Colab


👉결과

![랜덤이미지](https://picsum.photos/300/200)

)

![이미지깨졌을때alt태그같은거임](https://github.com/EGEG1212/Flask-web/blob/main/04.MachineLearning/static/gallery/10_%EC%9E%90%EC%97%B0%EC%96%B4/a2_%ED%85%8D%EC%8A%A4%ED%8A%B8%EC%9D%BD%EA%B8%B0_1.jpg)

[![Open In Colab](https://colab.research.google.com/assets/colab-badge.svg)](https://colab.research.google.com/github/EGEG1212//Machine-Learning-2020/blob/main/08.AI-Site/04_KAKAO_%EC%96%B8%EC%96%B4%EA%B0%90%EC%A7%80.ipynb)

---

## 🤔테이블(Table)

\`|\`로 셀을 구분하며 폰트의 기본적인 스타일이 모두 적용 가능합니다.  
\`-\`하이픈으로 구분된 셀 왼쪽, 양쪽, 오른쪽에 \`:\`콜론을 붙일 경우  
왼쪽정렬, 가운데정렬, 오른쪽정렬이 가능합니다.

✍작성코드(.md)
드라마 제목 주연 배우 방영일
호텔 델루나 이지은, 여진구 2019.07.13. ~ 2019.09.01.
타인은 지옥이다 임시완, 이동욱, 이현욱, 이정은 2019.08.31. ~
멜로가 체질 천우희, 안재홍, 전여빈, 공명 2019.08.09. ~
`````    

👉결과

드라마 제목 주연 배우 방영일
호텔 델루나 이지은, 여진구 2019.07.13. ~ 2019.09.01.
타인은 지옥이다 임시완, 이동욱, 이현욱, 이정은 2019.08.31. ~
멜로가 체질 천우희, 안재홍, 전여빈, 공명 2019.08.09. ~

🤔체크박스(Check Box)

`-`, `*`, `+` 뒤에 띄어쓰기 후 `[ ]`대괄호를 넣어 또 한칸띄고 작성합니다.

✍작성코드(.md)


-   [ ]  체크박스
-   [x]  체크박스
-   [ ]  체크박스
-   [x]  체크박스
-   [ ]  체크박스
-   [x]  체크박스

👉결과

  • 체크박스
  • 체크박스
  • 체크박스
  • 체크박스
  • 체크박스
  • 체크박스

🤔레이택문법(LaTex)

`$`는 인라인, 왼쪽정렬
`$$`는 블럭, 가운데정렬 입니다.
✍작성코드(.md)


$a+b=c$  
$a^2\_1 + b^2 = c^2$  
$\\alpha \\beta \\frac{1}{2}$  
다음 중 $N$개를 고르시오.

달러표시2개는 한줄에 써도 블럭처리되며, 가운데정렬입니다. $$(\\alpha + \\beta)^2 = \\alpha^2 + 2 \\alpha \\beta + \\beta^2$$

$$min\_Gmax\_D$$

👉결과

$a+b=c$
$a^2_1 + b^2 = c^2$
$\alpha \beta \frac{1}{2}$
다음 중 $N$개를 고르시오.

달러표시2개는 한줄에 써도 블럭처리되며, 가운데정렬입니다. $$(\alpha + \beta)^2 = \alpha^2 + 2 \alpha \beta + \beta^2$$

$$min_Gmax_D$$


🤔다이어그램

texpad 검색하면 더 많은 문법 확인가능합니다.
✍작성코드(.md)

graph LR
1-->2
1-->4
2-->3
3-->2

👉결과

```

graph LR
1-->2
1-->4
2-->3
3-->2

```


🤔이모지

1. 단축키

window10: 윈도우 키 + .온점
mac: Command + Control + space 바

2. 트위터이모지

https://kr.piliapp.com/twitter-symbols/ 의 이모지를 복사->붙여넣기


수학공식 LaTex

https://khw11044.github.io/blog/blog-etc/2020-12-21-markdown-tutorial2/


마치며...

짧게, 부분적으로 알고 있던 마크다운을 한곳에 모아 보기 편하게 정리했습니다.

역시나 내가 보기 편하게 :-)


참고: T아카데미- 안수빈 https://tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=171
깃허브 https://github.com/subinium
블로그 https://subinium.github.io/

참고: T아카데미- 이수진 https://tacademy.skplanet.com/live/player/onlineLectureDetail.action?seq=130

참고: http://nblog.syszone.co.kr/archives/9917

Comments