2020.코딩일지
마크다운 본문
마크다운이란
마크다운(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
- A
- 무결성 : 특징정리는 리스트와 진하기를 섞어서 쓰면 좋다.
- 간결성 : 특징소개
- list
- list
- list
- list
- list
- list
- list
- list
2. 순서가 있는 리스트
1.
, 2.
와 같이 숫자
와 .
을 띄어써서
작성합니다.
✍작성코드(.md)
1. list 1
3. list 2
3. list 3
1. A
1. B
👉결과
- list 1
- list 2
- list 3
- A
- B
- A
🤔문단간격
문단의 간격은 `줄 바꿈`으로 나타내며, `
`을 사용합니다.
✍작성코드(.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)
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)
)
👉결과
![랜덤이미지](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.08.31. ~ |
멜로가 체질 | 천우희, 안재홍, 전여빈, 공명 | 2019.08.09. ~ |
````` |
👉결과
드라마 제목 | 주연 배우 | 방영일 |
---|---|---|
호텔 델루나 | 이지은, 여진구 | |
타인은 지옥이다 | 임시완, 이동욱, 이현욱, 이정은 | 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