Processing math: 100%

마크다운은 무엇인가

2019. 1. 6. 00:20


"마크다운은 무엇일까"



[매일하는 채팅에 양념을 좀 치고 싶으신가요? 

운이 좋으시네요! Discord는 문장을 돋보이게 하는 간단한 일반 텍스트 서식 시스템인 마크다운을 사용합니다. 방법은 다음과 같습니다! 변경하고자 하는 텍스트 앞/뒤에 몇 개의 문자를 추가하세요! 예를 들면...]

(디스코드의 마크다운 소개)



마크다운은 마크업 언어의 일종입니다.


그렇다면 드는 의문은 "마크업 언어는 무엇일까🤔"



사전적 의미로써의 마크업 언어는


마크업 언어

[MarkUp Language]


"마크업 언어는 문서에 포함된 문장이나 그림, 표, 소리, 등과 같은 문서 내용에 대한 정보가 아니라 그 문장과 그럼, 표는 어떻게 배치되고 글자는 어떤 크기와 모양을 가지며, 들여쓰기와 줄 간격, 여백 등에 대한 정보를 의미합니다."



아니면 마크업 언어는 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종이라고 정리가 가능하겠네요.



어렵게 생각되겠지만 책에서 볼펜으로 밑줄을 긋는 행위도 '그 내용' 이 중요하다는 의미를 나타내므로 마크업의 일종이라고 할 수 있다. 또는 그래픽 디자이너들에게 '책 표지는 배경을 흰색으로 넣어주시고 제목은 좌측 상단에 검은색 굴림체로 크기는 18pt 정도로 크게 넣어주세요' 라고 말하는 것 또한 자연언어에 기반한 마크업 언어라고 할 수 있습니다.



언어면 프로그래밍 언어인가? 하시는 분들이 계시겠지만 마크업 언어는 프로그래밍 언어와는

차이점이 존재합니다.


[프로그래밍 유우머😶]



위에서 예제로 사용한 HTML이 마크업의 대표적인 언어라고 할 수 있습니다.

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>프로젝트 무제</title>

</head>

<h1>마크다운이란 무엇인가?</h1>

<body>

</body>

</html>

HTML은 (Hyper Text Markup Language)의 약자이며 대놓고 마크업 언어임을 알려줍니다. 

풀어서 설명하면 텍스트를 강조 표시하는 마크업 언어 쯤이 되겠네요.


본론으로 들어가서 HTML과 같은 "마크업 언어" 에 들어가있는 "마크다운" 에 대해서 알아보겠습니다.


마크다운을 주로 사용하는 곳은 텀블러, 깃헙(Github), 레딧 등에서 사용되고 있습니다.

확장자는 .md를 사용합니다.



(하지만 깃헙에서는 마크다운의 변형인 Github-Flavored Markdown 을 사용하며 

간략하게 다음과 같은 차이점이 존재한다.)


- 줄바꿈을 한번만 해도 강제개행이 가능하다

- do_something_and_nothing_happens 과 같은 형태의 단어를 기울임꼴 글자로 처리하지 않는다.

- URL을 자동으로 링크로 변환시켜준다.

- 코드를 입력할때 ` 로 감싸주는 문법이 추가되었다.

- 문법 강조가 적용이 된다.

- GIT 관련 링크를 자동으로 처리해준다. (SHA, 사용자, 이슈 등등)



확장자와 사용처를 알아봤으니 이제 직접 마크다운을 사용해보도록 하겠습니다.


마크다운을 사용하는 쉬운 방법은 에디터입니다.

주로 사용하는 에디터는 온라인 에디터인 Stackedit을 사용합니다.

https://stackedit.io




1. 제목 작성하기


제목을 작성하는 방법은


#첫번째 제목

##두번째 제목

###세번째 제목

####네번째 제목

#####다섯번째 제목

######여섯번째 제목

#######일곱번째 제목


와 같이 작성이 가능합니다. 또한 제목은 6번째 제목까지 사용이 가능하며

이는 HTML의 <h1>,<h2>...에 비례합니다.



예시와 같이 7번째부터는 되지 않는것을 확인할 수 있습니다.




2. 순서 매기기


순서 매기기는 순서에 상관 없이 사용이 가능한데 순서가 없는 목록은 *와-를 이용하고,

순서가 있는 목록은 1. 2. 을 사용한다. 순서는 상관이 없습니다.


아래쪽에 숫자를 보면 1.2.3.6.7.133 으로 적혀있지만 오른쪽에 실행창을 보시면 순서대로 나열되어

있는것이 확인됩니다.




3. 글꼴에 각종 효과 넣기


우리는 글꼴에 각종 효과를 입힐 수 있습니다. 그 중에서 일부만 테스트해보겠습니다


**글씨체 굵음**사용 __글씨체 굵음__사용

*기울기*사용_기울기_사용

~~취소선~~사용





위의 사진처럼 출력이 되었다면 성공입니다.


다음 게시글에서는 더욱 많은 문법과 응용에 대해 설명드리겠습니다





참고자🙏

https://www.markdownguide.org/

https://www.markdownguide.org/assets/book/markdown-guide.pdf

https://www.emojiengine.com/ko/

https://atom.io/packages/language-markdown

BELATED ARTICLES

more