* 본 포스트는 개인연구/학습 기록 용도로 작성되고 있습니다.
[MarkDown] 마크다운 활용 가이드
By MK on January 1, 2019
1. 테이블 만들기
테이블 기본은 아래와 같이 만들 수 있지만, Generator를 사용하면 손쉽게 만들 수 있다.
표사이의 공간은 따로 신경쓰지 않아도 자동으로 처리된다.
| Name | Character |
| --- | --- |
| Backtick | ` |
| Pipe | \| |
Name | Character |
---|---|
Backtick | ` |
Pipe | | |
* 마크다운 테이블 Generator
http://www.tablesgenerator.com/markdown_tables
2. 테이블 디자인 적용하기
아래와 같은 스타일 태그를 넣는다.
<style>
/* 2way헤더와 라인포인트*/
table {
border-collapse: collapse;
text-align: left;
line-height: 1.5;
}
table thead th {
text-align: center;
padding: 10px;
font-weight: bold;
vertical-align: top;
color: #1b3453;
border-top: 2px solid #1b3453;
border-bottom: 2px solid #1b3453;
}
table tbody th {
padding: 10px 15px;
font-weight: bold;
vertical-align: top;
border-bottom: 1px solid #ccc;
background: #f3f6f7;
}
table td {
padding: 10px 15px;
vertical-align: top;
border-bottom: 1px solid #ccc;
}
</style>
* 테이블 디자인 코드 참고
https://nanati.me/html_css_table_design/
위 링크에서 css
클릭 후 나오는 코드에서 .table01 등 만 제거 후 사용
* 헥사컬러 사이트
https://www.color-hex.com/
3. 주석달기
[^1]
, [^2]
형태를 활용할 수 있다.
문단 내 해당 [^1]
표시를 하고 아래 주석을 작성하면 참조번호로 서로 링크 연결된다.
문장 본문 내용입니다.[^1]
...
...
[^1] 각주 내용입니다.
4. 기타
(+,-) 기호에 따라 다른 음영을 칠해준다.
'''diff
와 '''
로 블럭을 만든 뒤 아래와 같은 형태로 내용을 작성한다.
- This line got removed
+ This line got added
- This line got removed
+ This line got added
** 개행은 <br>
을 통해 적용할 수 있다.**
한번 적용시 엔터의 효과가 있으며, <br><br>
로 두번 적용해야 한 줄이 띄어진다.
Reference
- https://bywordapp.com/markdown/guide.html
- http://www.mathjax.org/demos/tex-samples/
