# Markdown Syntax 모음 ## Basic Syntax 기본 적인 Syntax를 정리해둔 사이트 URL : https://www.markdownguide.org/basic-syntax#code ## Markdown Syntax Reference HackMd에서 사용하는 Syntax를 정리해둔 사이트 URL : https://hackmd.io/@codimd/markdown-syntax ## Useful example ### 1. 라인 번호가 있는 코드 #### Javascript Syntax : ~~~ ```javascript= const data = 1; ``` ~~~ Result : ```jsx= <script> const data = 1; </script> ``` #### SQL Syntax : ~~~ ```sql= select * from dual; ``` ~~~ Result : ```sql= select * from dual; ``` #### Html Syntax : ~~~ ```html= <div style="width:10px;">내용입력</div> ``` ~~~ Result : ```html= <div style="width:10px;">내용입력</div> ``` ### 2. 체크박스 Todo Checkbox - [ ] 체크 할 것 1 - [ ] 하위 체크 1 - [x] 하위 체크 2 - [ ] 체크 할 것 2 ~~~ - [ ] 체크 할 것 1 - [ ] 하위 체크 1 - [x] 하위 체크 2 - [ ] 체크 할 것 2 ~~~ ### 3. 테이블 | 항목 1 | 항목 2 | 항목 3 | | -------- | -------- | -------- | | 내용 1-1| 내용 2-1 | 내용3-1 | | 내용 1-2| 내용 2-2 | 내용3-2 | | Data1\|\|Data2 | - | - | ~~~ | 항목 1 | 항목 2 | 항목 3 | | -------- | -------- | -------- | | 내용 1-1| 내용 2-1 | 내용3-1 | | 내용 1-2| 내용 2-2 | 내용3-2 | ~~~ 테이블에서 | (pipe) 를 써야 될 경우는 \\(backslash)를 이용하여 escape해줘야 함 ~~~ || >> \|\| 예시 Data1||Data2 를 표기하고 싶을 경우 Data1\|\|Data2 | 항목 1 | 항목 2 | 항목 3 | | -------- | -------- | -------- | | Data1\|\|Data2 | - | - | ~~~ ### 4. 평행선 --- ~~~ --- ~~~ ### 5. BOLD 두꺼운 글씨체 글씨를 **두껍게** 사용합니다. ~~~ 글씨를 **두껍게** 사용합니다. ~~~ ### 6. 상태창 :::success success message container ::: :::info information message container ::: :::warning warning message container ::: :::danger danger message container ::: ~~~ :::success success message container ::: :::info information message container ::: :::warning warning message container ::: :::danger danger message container ::: ~~~ ### 7. 접힌 내용 :::spoiler spoiler message container ::: ~~~ :::spoiler spoiler message container ::: ~~~ ### 8. 윗첨자 お{菓子|かし}が{食|た}べたいです。 ~~~ お{菓子|かし}が{食|た}べたいです。 ~~~ ###### tags: `Sample` `Template`