* 본 포스트는 개인연구/학습 기록 용도로 작성되고 있습니다.


[MarkDown] 마크다운 활용 가이드


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/

Tags:


Back to blog