간편하게 사용하는 HTML의 대용, 마크다운 치트 구문을 알아보자

간편하게 사용하는 HTML의 대용, 마크다운 치트 구문을 알아보자

마크다운은 온라인에서 쉽게 공유하거나 노트 앱에 보관하거나 

다른 형식으로 내보낼 수 있는 작성된 콘텐츠를 만들기 위한 

HTML의 강력한 대안입니다.

 

이것은 당신이 속도를 내도록 하기 위한 치트 시트입니다.

 

기본 마크다운 구문

Markdown의 다양한 구문이 있으며,

그 중 일부는 더 많은 기능(수학 형식 등)을 지원하는 

기본 구문에 따라 확장됩니다.

 

어떤 것을 사용하든 가장 기본적인 구문은 그대로 유지됩니다.

다음은 단순하고 일반적인 Markdown 명령 목록입니다.

이 기본 구문을 일반적으로 CommonMark라고 합니다.

 

기능.	구문	대체 구문
볼드	**Bold**	__Bold__
이탤릭체	*Italic*	_Italic_
제목	# Heading 1 ## Heading 2	Heading 1 ========== Heading 2 ----------
링크	[How-To Geek](http://www.howtogeek.com)
이미지	
순서없는목록	- Item 1             - Item 2             - Item 3
순서목록	1. Item 1             2. Item 2             3. Item 3	1) Item 1 2) Item 2 3) Item 3
Code	`code`
Code block	``` code block ```
블록 인용구	> 블록 견적
줄 바꿈(가로규칙)	---	*** 아니면----

 

고급 마크다운 구문

위에 나열된 기본 구문 외에 마크다운에서

다음과 같은 고급 기능도 지원할 수 있습니다.

 

기능.	구문
테이블	| Column 1 | Column 2 | |--- | --- | | Item 1 | Item 2 | | Item 3 | Item 4 |
스트라이크스루	~~strikethrough~~
태스크 목록(체크박스)	-[ ]Uncheckeditem -[X]Checkeditem
각주	Exampleofafootnote[^1]withintext. [^1]:Descriptionoffootnotetext
표제 ID	## This is a Heading {#this-is-a-heading-id}
하이라이트	==highlighted text==
LaTeX 방정식	$$ equation goes here $$
이모지	:emoji-name:
위첨자	E=MC^2^
구독자	O~2~
정의들	Term to define : Thisisthe definition of the term : Thisisanother definition Another term : Yet another definition

 

마크다운에서 표를 작성하는 방법

테이블은 마스터하기에 더 혼란스러운 Markdown 요소 중 하나이지만,

 

선과 공백이 모두 올바른 위치에 있는지 확인하기만 하면 잘 작동합니다.

 

대시를 사용하여 테이블의 헤더 행을 구분할 수 있으며,

이 중 3개만 있으면 됩니다.

 

| Column 1 | Column 2 |
| --- | --- |
| Item 1 | Item 2 |

 

원하는 경우 코드 보기에서 테이블을 아름답게 할 수 있으며, 

가독성을 높이기 위해 공간과 대시를 추가할 수도 있습니다. 

 

하지만 최종 결과만 신경 쓴다면 위의 예제는 잘 작동합니다.

많은 Markdown 편집기는 테이블을 만들고 행과 열의 수를 

빠르게 확장하며 항목을 열에 복사하고 열에 붙여넣기 위한 

자동 형식 지정 도구를 자체적으로 가지고 있습니다.

 

원하는 앱에서 이를 지원한다면 구현이 더 쉬워질 수 있습니다.

 

마크다운에서 코드 블록 사용 방법

Markdown에서 코드 블록을 만들려면 두 가지 옵션이 있습니다.

 

텍스트는 구어적으로 후진 아포스트로피로 알려진 중대한 

악센트로 둘러싸거나 대부분의 키보드에서 "Esc" 아래에 나타나는 키로 나타낼 수 있습니다.

 

`code`

 

코드 블록의 경우 블록의 시작 부분에 세 개의 중대한 악센트를 사용한 다음 

블록의 끝 부분에 세 개를 더 사용합니다.

 

이를 통해 여러 줄의 코드를 인용할 수 있습니다.

 

```
code block
```

 

마크다운에서 줄 바꿈(수평 규칙) 만들기

줄 바꿈은 한 구간의 끝과 다른 구간의 시작을 나타내는 데 유용합니다.

CommonMark는 세 개의 대시를 사용하여 줄 바꿈을 지원합니다.

 

---

율리시스와 같은 일부 편집자는 줄 바꿈을 트리거하기 위해 4개의 대시가 필요합니다.

 

마크다운으로 텍스트 검색하는 방법

Strikethrough는 Markdown에서 일반적으로 지원되지 않으므로 

편집자마다 구현이 달라질 수 있습니다.

 

Strikethrough 를 사용하는 일반적인 방법은 

다음과 같이 두 개의 타일 기호를 사용하는 것입니다.

 

~~strikethrough text~~

일부 편집자는 다음과 같이 작동하는 "Delete" 마크업을 포함합니다.

||delete this text||

 

마크다운에서 첨자 및 위첨자 사용

일부 편집기에서는 형식을 지정할 입력의 양쪽에 

다음과 같이 tilde 기호를 사용하여 첨자를 사용할 수 있습니다.

O~2~

다른 것들은 다음과 같이 문자를 올리기 위해 쉐브론을 사용합니다.

E=MC^2^

만약 당신의 편집자가 이것을 하지 않고 HTML을 사용하기를 원한다면,

둘 다<sub>그리고.<sup>HTML 태그는 첨자와 위첨자에 각각 사용할 수 있습니다.

 

 

마크다운에서 텍스트 강조 표시

또 다른 비표준 기능이지만 일부 편집자가 지원하는 기능은 

다음과 같이 단어 양쪽에 두 개의 동등한 기호를 사용하여 작업을 강조 표시할 수 있습니다.

 

You can't always =highlight text== in Markdown

일부 편집자는 고유한 강조 표시 방법을 사용합니다.

율리시스는 "Mark" 구문을 사용할 수 있습니다.

 

Some editors use other syntax to ::highlight text:: with Markdown

마크다운에서 작업 목록 만들기(확인란 포함)

작업 목록은 알림을 추적하는 데 유용하며, 

한 가지 추가 단계를 제외하고는 순서 없는 목록처럼 많이 작동합니다.

 

행의 처음에 목록을 정의하는 데 사용해야 하는 대시 외에 

다음과 같이 확인란을 선택 또는 선택 취소 상태로 추가해야 합니다.

 

- [ ] This item is unchecked- [X] This item is checked

편집자 선택 사항

마크다운은 다재다능하고 강력하지만,

적절한 종류의 편집기를 사용하면 그 경험이 훨씬 더 좋아질 수 있습니다.

 

율리시스나 iA 라이터와 같은 앱들은 마크다운 경험에 가격을 매기지만,

웹을 위해 많은 시간을 쓴다면 그것들은 거의 그럴만한 가치가 있습니다.

참고용으로 베어나 옵시디언과 같은 앱은 더 필요한 경우 

저렴한 업그레이드 경로를 제공하는 훌륭한 무료 요금제를 제공합니다.

 

물론 MacDown이나 MarkText 같은 무료 편집기나 웹 기반의 Editor.md 도 많습니다.

 

 

 

2023.05.27 - 챗GPT 3.5와 챗GPT 4에는 어떤 차이가 있을까?

챗GPT 3.5와 챗GPT 4에는 어떤 차이가 있을까?

2022.08.19 - 글의 끝의 "."(마침표)는 어째서 차가운 인상을 주는가?

2023.02.03 - 프로그래밍 언어란 어떤것인지 쉽게 알아보자

2023.06.06 - ChatGPT가 잘못된 답을 제공하는 6가지 이유

ChatGPT가 잘못된 답을 제공하는 6가지 이유

 

-