마크다운MarkDown-작성법 – 발췌

발췌 : https://velog.io/@yuuuye/velog-%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4MarkDown-%EC%9E%91%EC%84%B1%EB%B2%95
어딘가 정리된 문서가 있을 건데 이제는 내가 작성한 문서 찾는거 보다 인터넷에서 찾는게 더 효율이네요..ㅠ.ㅠ
post-thumbnail

마크다운이란

마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다. README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다. 마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다.
위키백과

📖마크다운 작성법

1. 제목(header)

h1부터 h6까지 표현할 수 있으며, # 의 개수로 표현 가능합니다.

✍ 마크다운 작성 시

# h1
## h2
### h3
#### h4
##### h5
###### h6

👉 결과

h1

h2

h3

h4

h5
h6

🧐 h1과 h2는 이렇게도 작성 가능해요.

=-를 각각 2개 이상 사용하면 아래와 같이 h1h2의 #을 대체할 수 있습니다.
여러 개를 사용해도 마찬가지예요.

✍ 마크다운 작성 시

h1
==
h2
--

하이픈을 여러 개 사용한 제목
----------

👉 결과

h1

h2

하이픈을 여러 개 사용한 제목

2. 문단 간격

(+ 2020-04-10 추가)

문단의 간격은 줄 바꿈으로 나타내며, 여러 번 줄 바꿈 시 <br/>을 사용하면 가능합니다.

✍ 마크다운 작성 시

첫 번째 문단<br/><br/>
두 번째 문단

👉 결과

첫 번째 문단

두 번째 문단

3. 목록

순서를 표기하는 목록 / 순서가 없는 목록 두 가지를 작성할 수 있습니다.

3.1 순서를 표기하는 목록

숫자와 .을 사용하여 작성합니다.

✍ 마크다운 작성 시

1. 첫 번째
2. 두 번째
3. 세 번째

👉 결과

  1. 첫 번째
  2. 두 번째
  3. 세 번째

3.2 순서가 없는 목록

-*+ 을 사용 하여 작성합니다. (셋 다 동일하게 작성됩니다.)
인라인 코드, 블럭 코드를 작성할 수 있으며 Tab키나 스페이스 바를 이용해 들여쓰기가 가능합니다.

✍ 마크다운 작성 시

- 순서 없는 목록 1
    - 목록 1.1
        - 목록 1.2
- 순서 없는 목록 2
		
        Tab 두번 하면 코드 블럭을 만들 수 있어요.
* 순서 없는 목록 3
+ 순서 없는 목록 4
	+ `인라인 코드 가능`
    	+ 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현 됩니다.
        
        ``` 
		블럭 코드 가능
		``` 

👉 결과

  • 순서 없는 목록 1
    • 목록 1.1
      • 목록 1.2
  • 순서 없는 목록 2
      Tab 두번 하면 코드 블럭을 만들 수 있어요.
  • 순서 없는 목록 3
  • 순서 없는 목록 4
    인라인 코드 가능
    + 들여쓰기(tab키 이용)를 하면 다른 모양으로 표현 됩니다.

      ```
    		블럭 코드 가능
    		```

4. 폰트 스타일

굵게, 기울이기, 취소선 등 기본적인 스타일을 아래와 같이 작성할 수 있습니다.

✍ 마크다운 작성 시

__굵게__
**굵게**
_기울여 쓰기_
*기울여 쓰기*
~취소선~
~~취소선~~

👉 결과

굵게
굵게
기울여 쓰기
기울여 쓰기
~취소선~
취소선

5. 인용문

인용문을 작성할 때에는 >를 사용합니다.

✍ 마크다운 작성 시

> 인용문 작성하기
-작성자

> 인용문 작성하기
>> (>)의 갯수에 따라
>>> 중첩문 가능

👉 결과

인용문 작성하기
-작성자

인용문 작성하기

>의 갯수에 따라

중첩문 가능

6. 인라인 코드

백틱(`)을 사용하여 인라인 코드를 작성할 수 있습니다.

✍ 마크다운 작성 시

`인라인 코드는 이렇게 작성해요.`

👉 결과

인라인 코드는 이렇게 작성해요.

7. 여러 줄로 된 코드 블럭

백틱(`)을 세 개 사용하여 작성할 수 있습니다.

✍ 마크다운 작성 시

``` 
위 아래 3개로 감싸면 블럭으로 만들 수 있어요.
``` 

👉 결과

위 아래 3개로 감싸면 블럭으로 만들 수 있어요.

🧐 코드 하이라이트

✍ 마크다운 작성 시

```아래와 같이 백틱 3개 뒤에 언어 이름을 넣어주세요.

```javascript
let sumNumbers = (firstNum, lastNum) => {
  return firstNum + lastNum;
};
sumNumbers(100, 200);
``` 

```python
num_list = ['one', 'two', 'three']
for num in num_list:
  print(num)
``` 

👉 결과

let sumNumbers = (firstNum, lastNum) => {
  return firstNum + lastNum;
};
sumNumbers(100, 200);
num_list = ['one', 'two', 'three']
for num in num_list:
  print(num)

🎨 코드 블럭 색 변경

(+ 2019-09-26 추가)

작성하기 클릭 ➜ 추가설정 ➜ 코드블록 테마 선택 에서 변경하실 수 있습니다.

인라인 링크와 url 링크, 참조 링크로 나타낼 수 있습니다.

✍ 마크다운 작성 시

인라인 링크는 아래처럼
[인라인 링크](https://velog.io/)

url 링크는 아래처럼
<https://velog.io/>

참조 링크
[velog]:(https://velog.io/)

👉 결과

인라인 링크는 아래처럼
velog

url 링크는 아래처럼
https://velog.io/

참조 링크는

9. 수평선

*이나 -_ 등을 3개 이상 입력하면 작성할 수 있습니다.
띄어쓰기를 중간에 삽입하여도 가능합니다. 다만, 하이픈-은 헤더로 인식할 수도 있으니 주의해서 사용할 필요가 있습니다.

✍ 마크다운 작성 시

***
-----
__ __ __ __ __ __ __

👉 결과




10. 이미지 링크

이미지 링크는 아래와 같이 작성할 수 있습니다.

✍ 마크다운 작성 시

![이미지 설명](이미지 링크)
![고양이애옹](https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg)

👉 결과

만약 이미지에 링크를 걸고 싶을 경우에는 아래와 같이 작성합니다.

✍ 마크다운 작성 시

[![이미지 설명](이미지 링크)](연결하고자하는 url "마우스 오버 시 나타낼 링크 title")
[![고양이애옹](https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg)](https://cdn.pixabay.com/photo/2019/03/13/08/29/cat-4052454_1280.jpg"이미지 무료 사이트 pixabay")

👉 결과

(+ 2019-10-03 추가)

이미지 크기는 10MB 이하만 가능합니다. (gif 포함)
사이즈 조절과 관련된 마크다운은 아직 적용이 되어있지 않은 것 같아요🙂

11. 테이블(Table)

테이블은 아래와 같이 작성합니다.
| 로 구분하며, <4. 폰트 스타일> 에서 이야기 했던 기본적인 스타일 적용이 가능합니다. 또한 -(하이픈)으로 구분된 곳 각각 왼쪽, 양쪽, 오른쪽에 :(세미콜론)을 붙일 경우 순서대로 왼쪽 정렬, 가운데 정렬, 오른쪽 정렬이 가능합니다.

✍ 마크다운 작성 시

| 드라마 제목 | 주연 배우 | 방영일 |
|:----------|:----------:|----------:|
| **호텔 델루나** | 이지은, 여진구 | ~~2019.07.13. ~ 2019.09.01.~~ |
| 타인은 지옥이다 | 임시완, 이동욱, 이현욱, 이정은 | 2019.08.31. ~ |
| 멜로가 체질 | 천우희, 안재홍, 전여빈, 공명 | 2019.08.09. ~ |

👉 결과

드라마 제목 주연 배우 방영일
호텔 델루나 이지은, 여진구 2019.07.13. ~ 2019.09.01.
타인은 지옥이다 임시완, 이동욱, 이현욱, 이정은 2019.08.31. ~
멜로가 체질 천우희, 안재홍, 전여빈, 공명 2019.08.09. ~

12. 체크박스(Check Box)

-*+ 뒤에 띄어쓰기 후 대괄호를 넣어 작성해주세요. 대괄호안에 띄어쓰기를 하면 빈 체크박스, x를 넣으면 체크된 체크박스가 생깁니다.

✍ 마크다운 작성 시

- [ ] 운동 하기
- [x] 강의 듣기

👉 결과

  •  운동 하기
  •  강의 듣기

13. 이모지🤗

(+ 2019-09-26 추가)

작성된 글 중간중간에 보이는 이모지는 트위터 이모지입니다.
https://kr.piliapp.com/twitter-symbols/
아래 주소의 트위터 이모지를 복사 ➜ 붙여넣기 해서 사용하시면 됩니다.

단축키

window10: 윈도우 키 + 마침표(.)
mac: Command + Control + 스페이스 바

14. 글자 색상

(+ 2020-04-10 추가)

html 태그를 이용하여 작성이 가능합니다.

✍ 마크다운 작성 시

<span style="color:red">red</span>
<span style="color:#d3d3d3">#d3d3d3</span>
<span style="color:rgb(245, 235, 13)">rgb(245, 235, 13)</span>

👉 결과
red
#d3d3d3
rgb(245, 235, 13)

마치며

velog를 하면서 처음 마크다운을 작성해 보았습니다. velog에서 적용이 되는 문법도 있고, 그렇지 않은 문법도 있어 앞으로 글을 쓰려면 정리된 마크다운 작성법이 있으면 좋을 것 같았어요.🙂❕

서진우

슈퍼컴퓨팅 전문 기업 클루닉스/ 상무(기술이사)/ 정보시스템감리사/ 시스존 블로그 운영자

You may also like...

81 Responses

  1. hava kompresörü 말해보세요:

    37 Yıllık Kompresör Tecrübesi

  2. dalga havuzu 말해보세요:

    Profesyonellikleri ve uzmanlıkları, Günsu AŞ Havuz’u sektörün önde gelen bir oyuncusu haline getiriyor.

  3. Temp Mail 말해보세요:

    naturally like your web site however you need to take a look at the spelling on several of your posts. A number of them are rife with spelling problems and I find it very bothersome to tell the truth on the other hand I will surely come again again.

  4. Temp Mail 말해보세요:

    Nice post. I learn something totally new and challenging on websites

  5. Fake Temp Mail 말해보세요:

    This is my first time pay a quick visit at here and i am really happy to read everthing at one place

  6. create a disposable email 말해보세요:

    As much as you enjoyed it, I did as well. You are looking forward to what is going to happen next, despite the fact that the picture and the writing are both good. Should you choose to defend this walk, it will be essentially the same each and every time.

  7. istanbul fuar hostesi 말해보세요:

    “İstanbul fuarlarının vazgeçilmezi Melin Ajans, her zaman profesyonel ve hızlı bir hizmet sunuyor.”

  8. dry3ducks 말해보세요:

    Fantastic website with a wealth of knowledge. In addition to sharing it on Delicious, I’m forwarding it to a few friends. Naturally, I value your work.

  9. maillog 말해보세요:

    I would argue that someone played a significant role in producing a thoughtful post. Having just visited your website for the first time, I’m astonished at the sheer volume of research you performed to create this specific piece. Excellent effort.

  10. flooring 말해보세요:

    My brother recommended I might like this web site He was totally right This post actually made my day You cannt imagine just how much time I had spent for this information Thanks

  11. Puravive 말해보세요:

    Which hosting service are you using? Could I have your host’s affiliate link? My website loads far slower than yours does. Excellent blog as well.

  12. temp mail 말해보세요:

    I enjoy your website, obviously, but you should check the spelling on a number of your posts. A number of them have numerous spelling errors, which makes it difficult for me to tell the truth, but I will definitely return.

  13. doorhandless 말해보세요:

    Hi Neat post Theres an issue together with your web site in internet explorer may test this IE still is the marketplace chief and a good component of people will pass over your fantastic writing due to this problem

  14. LipoSlend Weight loss 말해보세요:

    I subscribed to this wonderful site recently, they give phenomenal content to followers. The site owner has a knack for informing visitors. I’m happy and hope they continue sharing excellent material.

  15. iptv uk best 말해보세요:

    I just could not depart your web site prior to suggesting that I really loved the usual info an individual supply in your visitors Is gonna be back regularly to check up on new posts

  16. gunter 말해보세요:

    감쟈합니다

  17. temp mail 말해보세요:

    I thought you did a great job on this. Although your language is excellent and the picture is enticing, you come across as nervous about what you might be giving next. If you save this walk, I hope you will come back here often.

  18. pillow 말해보세요:

    Fantastic site Lots of helpful information here I am sending it to some friends ans additionally sharing in delicious And of course thanks for your effort

  19. doorhandles 말해보세요:

    Thank you for the good writeup It in fact was a amusement account it Look advanced to far added agreeable from you However how could we communicate

  20. Frida Kline 말해보세요:

    You’re so awesome! I don’t believe I have read a single thing like that before. So great to find someone with some original thoughts on this topic. Really.. thank you for starting this up. This website is something that is needed on the internet, someone with a little originality!

  21. Harley Hines 말해보세요:

    Great information shared.. really enjoyed reading this post thank you author for sharing this post .. appreciated

  22. Damian Oconnor 말해보세요:

    I do not even understand how I ended up here, but I assumed this publish used to be great

  23. Leandro Turner 말해보세요:

    I truly appreciate your technique of writing a blog. I added it to my bookmark site list and will

  24. Celia Rosales 말해보세요:

    Nice post. I learn something totally new and challenging on websites

  25. Chana Walsh 말해보세요:

    You’re so awesome! I don’t believe I have read a single thing like that before. So great to find someone with some original thoughts on this topic. Really.. thank you for starting this up. This website is something that is needed on the internet, someone with a little originality!

  26. Demetrius Tanner 말해보세요:

    I very delighted to find this internet site on bing, just what I was searching for as well saved to fav

  27. Kaden Lester 말해보세요:

    I truly appreciate your technique of writing a blog. I added it to my bookmark site list and will

  28. Tiffany Cole 말해보세요:

    I really like reading through a post that can make men and women think. Also, thank you for allowing me to comment!

  29. Jalen Aguirre 말해보세요:

    I like the efforts you have put in this, regards for all the great content.

  30. rubmd 말해보세요:

    My brother recommended I might like this web site He was totally right This post actually made my day You cannt imagine just how much time I had spent for this information Thanks

  31. tivimatepremium 말해보세요:

    My brother recommended I might like this web site He was totally right This post actually made my day You cannt imagine just how much time I had spent for this information Thanks

  32. discoverblog 말해보세요:

    What i dont understood is in reality how youre now not really a lot more smartlyfavored than you might be now Youre very intelligent You understand therefore significantly in terms of this topic produced me personally believe it from a lot of numerous angles Its like women and men are not interested except it is one thing to accomplish with Woman gaga Your own stuffs outstanding Always care for it up

  33. temp mail 말해보세요:

    The level of my appreciation for your work mirrors your own enthusiasm. Your sketch is visually appealing, and your authored material is impressive. Yet, you appear to be anxious about the possibility of moving in a direction that may cause unease. I agree that you’ll be able to address this matter efficiently.

  1. 2023년 6월 3일

    … [Trackback]

    […] Read More to that Topic: nblog.syszone.co.kr/archives/9917 […]

  2. 2023년 6월 23일

    … [Trackback]

    […] There you can find 51796 more Information to that Topic: nblog.syszone.co.kr/archives/9917 […]

  3. 2023년 7월 6일

    … [Trackback]

    […] Find More to that Topic: nblog.syszone.co.kr/archives/9917 […]

  4. 2023년 8월 25일

    … [Trackback]

    […] Find More here on that Topic: nblog.syszone.co.kr/archives/9917 […]

  5. 2023년 8월 31일

    … [Trackback]

    […] There you will find 64406 more Information to that Topic: nblog.syszone.co.kr/archives/9917 […]

  6. 2023년 10월 5일

    … [Trackback]

    […] Find More Info here on that Topic: nblog.syszone.co.kr/archives/9917 […]

  7. 2023년 10월 11일

    … [Trackback]

    […] Here you can find 73673 more Information to that Topic: nblog.syszone.co.kr/archives/9917 […]

  8. 2023년 10월 15일

    … [Trackback]

    […] Find More to that Topic: nblog.syszone.co.kr/archives/9917 […]

  9. 2023년 10월 16일

    … [Trackback]

    […] Information to that Topic: nblog.syszone.co.kr/archives/9917 […]

  10. 2023년 10월 28일

    … [Trackback]

    […] Find More on that Topic: nblog.syszone.co.kr/archives/9917 […]

  11. 2023년 10월 30일

    … [Trackback]

    […] Information to that Topic: nblog.syszone.co.kr/archives/9917 […]

  12. 2023년 11월 5일

    … [Trackback]

    […] Find More on that Topic: nblog.syszone.co.kr/archives/9917 […]

  13. 2023년 11월 6일

    … [Trackback]

    […] Here you can find 25805 additional Information on that Topic: nblog.syszone.co.kr/archives/9917 […]

  14. 2023년 11월 9일

    … [Trackback]

    […] Read More Info here on that Topic: nblog.syszone.co.kr/archives/9917 […]

  15. 2023년 11월 17일

    … [Trackback]

    […] There you can find 33559 more Info on that Topic: nblog.syszone.co.kr/archives/9917 […]

  16. 2023년 11월 18일

    … [Trackback]

    […] Read More on that Topic: nblog.syszone.co.kr/archives/9917 […]

  17. 2023년 11월 24일

    … [Trackback]

    […] Read More on to that Topic: nblog.syszone.co.kr/archives/9917 […]

  18. 2023년 11월 24일

    … [Trackback]

    […] Info to that Topic: nblog.syszone.co.kr/archives/9917 […]

  19. 2023년 11월 26일

    batmanapollo.ru

    batmanapollo.ru

  20. 2023년 11월 28일

    777

    778

  21. 2023년 11월 29일

    wlw.su

    wlw.su

  22. 2023년 11월 29일

    vxi.su

    vxi.su

  23. 2023년 12월 1일

    nlpvip.ru

    nlpvip.ru

  24. 2023년 12월 1일

    russianmanagement.com

    russianmanagement.com

  25. 2023년 12월 1일

    Slovo pacana 6 seriya

    Slovo pacana 6 seriya

  26. 2023년 12월 3일

    slovo-pacana-6-seriya

    slovo-pacana-6-seriya

  27. 2023년 12월 4일

    site

    site

  28. 2023년 12월 4일

    manipulyation

    manipulyation

  29. 2023년 12월 11일

    … [Trackback]

    […] Find More here to that Topic: nblog.syszone.co.kr/archives/9917 […]

  30. 2023년 12월 21일

    Update Site Error ¹ 654

    Update Site Error ¹ 654

  31. 2023년 12월 21일

    Update Site Error ¹ 655

    Update Site Error ¹ 655

  32. 2023년 12월 28일

    … [Trackback]

    […] Info on that Topic: nblog.syszone.co.kr/archives/9917 […]

  33. 2023년 12월 29일

    Link

    Link

  34. 2023년 12월 31일

    … [Trackback]

    […] Find More Info here on that Topic: nblog.syszone.co.kr/archives/9917 […]

  35. 2024년 1월 11일

    depresiya

    depresiya

  36. 2024년 1월 14일

    new 2024

    new 2024

  37. 2024년 1월 18일

    batmanapollo

    batmanapollo

  38. 2024년 1월 22일

    film2024

    film2024

  39. 2024년 1월 23일

    123 Movies

    123 Movies

  40. 2024년 1월 23일

    laloxeziya-chto-eto-prostymi-slovami.ru

    laloxeziya-chto-eto-prostymi-slovami.ru

  41. 2024년 1월 28일

    000

    000

  42. 2024년 1월 28일

    samorazvitiepsi

    samorazvitiepsi

  43. 2024년 1월 29일

    psy

    psy

  44. 2024년 2월 3일

    … [Trackback]

    […] Find More on to that Topic: nblog.syszone.co.kr/archives/9917 […]

  45. 2024년 2월 9일

    Tucker Carlson – Vladimir Putin

    Tucker Carlson – Vladimir Putin

  46. 2024년 3월 28일

    spisok

    spisok

  47. 2024년 4월 10일

    list

    list

  48. 2024년 4월 29일

    russian-federation

    russian-federation

페이스북/트위트/구글 계정으로 댓글 가능합니다.