[Markdown] 마크다운 총정리 All in One

in kr •  7 years ago  (edited)

안녕하세요 낸드(Nand) 입니다.

마크다운(Markdown) 아세요?

전 스팀잇 입문하기 전에 마크다운(Markdown)을 조금 쓰고 있었습니다.

근데 이번 글을 작성하면서 보니 제가 쓰고 있는 기능은 반정도밖에 안됐었더라고요.

그리고, 스팀잇 내에 있는 마크다운 글들을 보니 빠진 기능이 몇가지 있더라고요.

그래서, 이 글의 특징은:

  1. 다 종합했습니다.
    마크다운 쓰는 법을 알고 싶으면 이 글만 보면 됩니다. 라고 감히 말씀드립니다.
  2. 자주 쓰고 중요한 기능을 우선적으로 했습니다. 뒤로 갈 수록 안봐도 됩니다.
  3. 예제 보여드리고, 마크다운 코드를 바로 뒤에 썼어요.

마크다운은 2004년에 존 그루버 (John Gruber)가 만들었고, 이후 여러 종류가 나와있다고 하는데...

지금 제일 중요한건 스팀잇에서 쓰이냐 안쓰이냐, 쓰이면 어떻게 쓰냐 아니겠어요?
그래서 바로 실전 예제로 넘어가겠습니다.

Space and Enter 띄어쓰기와 엔터

기본적인건데요, 띄어쓰기(space) 여러 번은 한번과 같습니다.
엔터를 한번 치면, 글이 붙어요.

엔터를 두번 치면 단락이 바뀌죠.

엔터 여러번 친다고 여러 줄이 띄어지는건 아니에요.

기본적인건데요, 띄어쓰기(space)       여러 번은 한번과 같습니다. 
엔터를 한번 치면, 글이 붙어요.

엔터를 두번 치면 단락이 바뀌죠.


엔터 여러번 친다고 여러 줄이 띄어지는건 아니에요.
  • 기본적으로 형식에 맞게 쓰시고, 가끔 강제로 여러 줄을 맘대로 띄고 싶다 하면 <br/>을 사용하세요.

Header 헤더, 제목

헤더1

헤더2

헤더3

헤더4

헤더5
헤더6
# 헤더1
## 헤더2
### 헤더3
#### 헤더4
##### 헤더5
###### 헤더6

헤더는 6단계가 있습니다. HTML의 <H1> ... <H6>에 대응됩니다.
이것만 잘 써도 글이 좀 더 깔끔합니다.


List 리스트, 목록

Ordered list 번호 (숫자) 목록

  1. 첫 번째
  2. 두 번째
  3. 세 번째
  4. 1을 다시 써도 네 번째
1. 첫 번째
2. 두 번째
3. 세 번째
1. 1을 다시 써도 네 번째

자동으로 숫자가 바뀌는게 신기하죠.

Unordered list 글머리기호 목록

  • 빼기를 써도
    • 빼기를 써도
      • 빼기를 써도
  • 곱하기를 써도
    • 곱하기를 써도
      • 곱하기를 써도
  • 더하기를 써도
    • 더하기를 써도
      • 더하기를 써도
- 빼기를 써도
    - 빼기를 써도
        - 빼기를 써도
* 곱하기를 써도
    * 곱하기를 써도
        * 곱하기를 써도
+ 더하기를 써도
    + 더하기를 써도
        + 더하기를 써도
  1. 이렇게
  • 여러개를
    1. 섞어서
    2. 쓰면
      • 어떻게
      • 될까요

1. 이렇게
- 여러개를
    2. 섞어서
    3. 쓰면
        * 어떻게
        + 될까요
    1. 음

-, *, + 중 하나만 쓰는 걸로 해요. -가 편합니다. 시프트키 안눌러도 되니깐.


Emphasis 강조

이탤릭 , 이탤릭
볼드 볼드
이탤릭볼드
이탤릭볼드
이렇게 할수도
취소선

_이탤릭_ , *이탤릭*
__볼드__ **볼드**
___이탤릭볼드___
***이탤릭볼드***
**이렇게 _할수도_**
~~취소선~~

강조 3인방은 이탤릭, 볼드, 밑줄인데...
밑줄은 마크다운엔 지원이 없고, <u>도 안먹히네요.


Link 링크

스팀잇링크

[스팀잇링크](https://steemit.com)

https://steemit.com

https://steemit.com

그냥 주소를 넣어도 자동으로 링크가 생깁니다.


이미지

![](https://steemit.com/images/favicons/apple-touch-icon-57x57.png)

또한, 마크다운과 별도로, 스팀잇에서는 그냥 URL 쓰면 이미지가 보입니다.

https://steemit.com/images/favicons/apple-touch-icon-57x57.png

동영상

이것도 마크다운과 별개인데, 스팀잇에서는 URL 쓰면 동영상이 바로 보입니다.

https://youtu.be/aKTH0o8AEtQ

구분선








---
***
___
* * *
*****
- - -
-------------------

모두 다 HTML의 <hr>에 대응됩니다. 사실 ---*** 정도로 쓰면 되고,
나머지는 구분선 만드려는 의도가 아닌데 구분선이 만들어지지 않게 조심만 하면 될거 같군요.


quoting code 코드 인용

코드 인용

블록인용

`코드`

```
블록인용
```    

블록인용은 <pre>에 대응되는거죠.

    이렇게 앞에 space 4칸을 띄어서 사용해도 블록 인용이 됩니다.

저 문자는 grave라고 키보드상 숫자 1 옆에 물결~ 있죠. 시프트키 안치고 누르는 그겁니다. ` 이거요


quoting text 인용구

인용구는 이렇게

여러단도 가능

3단

> 인용구는 이렇게
>> 여러단도 가능
>>> 3단

Table 표

123
표 쓸때는중간 두번째줄에--- 이거 필요합니다.
1 | 2 | 3
--- | --- | ---
표 쓸때는 | 중간 두번째줄에 | `---` 이거 필요합니다.

마크다운 포맷 무시하기

이건데 .. *이렇게*

*이건데* .. \*이렇게\*

지금처럼 마크다운 설명할 때 유용한 기능인데요.
앞에 backslash \ 를 달아주는거죠.
혹은 블록인용을 사용하는 것도 방법입니다.

emoji 이모지

😍

&#128525;

더 많은 이모지는 관련 글을 참고해주세요.

https://steemit.com/steemkr-guide/@snow-airline/steemkr-quick-start-guide


추가

스팀잇 자체 기능이죠.
@을 달면 계정 링크가 생성되고, #을 달면 태그가 됩니다.

@nand, #kr

@nand, #kr

참조:

https://gist.github.com/ihoneymon/652be052a0727ad59601
http://blog.kalkin7.com/2014/02/10/lets-write-using-markdown/


잘 보셨으면 upvote 해주시고요.
follow 환영입니다.

@nand 였습니다.

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

좋은 글 감사합니다.^^

저도 감사합니다 :)

감사합니다. 저는 이미지 올리는게 여즉 불편한데 다른분들은 어떤방법을 쓰시는지몰겠네요.

좋은 글 감사합니다~
+를 하자면
강제개행이 제대로 안먹히는 경우
엔터치고&nbsp;하고 다시 엔터치면 잘됩니다.

예를들어

이런 경우에는

이렇게하면

 
잘됩니다.

##### 예를들어<br/>
이런 경우에는
##### 이렇게하면
&nbsp;
잘됩니다.

꿀팁 감사합니다~!

굳이 저럴필요없이 밑에 문장에 br해도 되네요

#### 이렇게
<br> 말이죠

이렇게


말이죠

늦었지만 많이 배우고 갑니다 고맙습니다

감사합니다~

많은 도움이 되는 글 감사합시다^^

도움이 되셨다니 감사합니다

정리 감사드립니다.
개인적으로 궁금한게 있는데요..
link 작성 시 '새창으로 열리는 링크'는 만들 수 없나요?!

새창 링크 html 태그로 만들 수 있는데요.
스팀잇에선 안해봐서 실험 해보고 새 포스팅 쓸게요~

한방에 정리끝! 수고하셨습니다~^^ 좋은글은 널리 널리 퍼져야 되겠죠? ㅎㅎ

감사합니다. 힘이 나는군요 ㅎㅎ

좋은 정보 감사합니다!

감사합니다 :)

초보분들이 항상 궁금해하는 정보입니다. 감사합니다.

  ·  7 years ago (edited)

저도 감사합니다 :)

훌륭한 정보네요 감사합니다

칭찬 감사합니다 :)

요거 프린트 해서 붙여놓고 싶네요 😱

많은 관심 감사합니다 ㅎㅎ 프린트 용으로 만드는 것도 좋겠군요

엊그제 가입했는데, 정말 유용한 정보입니다. 와드 박고 갑니다. ^^

감사합니다. 유용한 팁이 있으면 앞으로도 많이 공유 할게요 :)

와 마크다운 몰랐는데 정말 좋네요.

스팀 전용 기능도 있다니 정말 유용할 것 같습니다!!!

감사합니다. 유용하게 쓰세요 ~

좋은 정보네요 이런건 리스팀해야겠어요 ^^

리스팀까지 해주시니 감사합니다~ ^^

또 하나 배워갑니다.
감사합니다

도움이 되셨다니 감사합니다.

예제와 함께 정리해주셔서 이해가 쏙쏙 됩니다.^^

뿌듯하군요. 고맙습니다 ^^

✈ 낸드님 이런 정보는 환영입니다 ㅎㅎ

고마워요 ㅎㅎ
지금 2탄을 구상하고 있습니다.

정말 훌륭한 정보네요! 감사합니다!

감사해요~ ㅎㅎ

덕분에 더 깔끔한 편집 할 수 있을 것 같습니다 !
감사합니다~ 팔로우하고가요 ^^ 맞팔부탁드립니다~

C언어 포스팅 하시는 분이시군요 맞팔 했습니다 ^^

와 진정 꼭 필요한 정보네요! 감사합니다^^

도움이 되셨다니 고맙습니다 ^^

완벽한 설명 감사합니다. 네이버 참고해가며 익혔는데, 알게 된 것 외에도 더 많은 정보가 담긴 글이네요. 팔로하고 좋은 글 자주 보러 오겠습니다!

고맙습니다~ @seul 님 댓글로 힘을 얻어서 앞으로도 좋은 정보들 올리겠습니다 !

정말 유용합니다! 감사합니다!

고맙습니다~ 유용하게 쓰세요!

리스팀했습니다🐣🐣🐣

감사합니다 :)

우와 고민하고있던 것인데 명쾌하게 해결되네요. 왜 카운팅이 1로 변하는지 몰랐는데 엔터키때문이었군요. 감사합니다.

카운팅이라는건 엔터 여러번 쳐도 하나로 적용되는 걸 말하시나요?
도움이 되셨다니 고맙습니다 ~

정고감사합니당

고맙습니다~

좋은 정보 감사합니다.
빨리 익히겠습니다. ^^

도움 되셨다니 고맙습니다 ^^

이모티콘이랑 글씨체 궁금한게 많았는데, 감사합니다 ㅎㅎ

도움이 되셨다니 보람이 있습니다. 감사해요 ㅎㅎ

감사드립니다. 와~ 여기서 제가 찾던걸 보네요.. 한참 찾았는데..
팔로우하고 갑니다~~ 많이 도와 주세요^^

리스팀 할께요.. 초보라 두고두고 봐야할듯요.. 고맙습니당^^

리스팀 감사합니다! 저도 뉴비라 서로서로 돕는거죠! ^^

네.. 저한테 필요한 정보라 도움이 많이 될꺼 같습니다. 감사합니다. 서로 돕는다는말 좋습니다 ^^

이런 정보를 작성한지 7일이 지나 봐서 아쉽습니다.ㅠㅠ 리스팀기능도 비활성화 되었네요. 아쉬워라ㅠㅠ 유용한 정보 잘 보고 갑니다!!

잘 보셨으면 됐죠 ㅎㅎ
앞으로도 간간히 유용한 정보들 있으면 올릴게요

네~ 기대하겠습니다^^

알기쉽게 잘 설명해주셔서 감사합니다.

잘 보셨다니 감사합니다~

전문적인 내용이 많네요 저의 글에 방문 감사드립니다

  ·  7 years ago (edited)

감사합니다~ 제 글이 도움이 되길 바랍니다

아앗 찾고있던 정보입니다. html처럼 할 수 있는 방법 없나 궁금했는데... 감사해요!

많은 도움 되시길 바랍니다.

오늘 가입했는데 너무 유용한 정보예용!!감사합니당~

감사합니다!

오오... 개발툴이나 개발관련 웹사이트에서 쓰던 마크다운을 잘 설명해주셨네요!! 좋은 글 감사드립니다.

이거저거 다 설명하느라 이제보면 좀 난잡하게 설명한것도 같아요.
좋게 봐주셔서 감사합니다

가장 이해가 잘 되는 쉬운 글이었습니다! 좋은 정보 감사해요~~

댓글 감사합니다.~

이 글을 스팀잇 시작하자마자 발견했었으면, 저의 소중한 시간을 반나절 정도는 아낄 수 있지 않았을까 싶네요..

아쉽네요. 초보자를 위한 매뉴얼 정리가 나와야 한다고 생각합니다.
준비하고 있는 분도 계신 것 같고요.

잘 정리되어있네요. 다시한번 복습하고 갑니다~ upvote! ㅎㅎ

감사합니다~! :)

좋은 글 감사합니다!

네 감사합니다 ~

뉴비입니다. 하나 하나 찾아보면서 글을 쓰는데, 정말 도움이 많이 되어서 감사한 마음에 늦었지만 댓글 남기고 갑니다!^^

도움이 되셨다니 감사합니다!! 😎

참고할 자료네요 ~고맙습니다.

감사합니다~

어제 가입했는데 도움이 많이 되었습니다. 좋은 글 감사합니다 😃

감사합니다. 이것도 읽어보세요
https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

덕분에 스팀 초보자 잘 배워 갑니다 😍

감사합니다. 이것도 읽어보세요
https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

유용한 글 잘 읽었습니다. 포스팅 할 때 정말 고심을 많이 해야겠군요!

설명해주신 글 잘 보고갑니다. 많은 도움이 될 것 같아요!
좋은 하루 되세요.

  ·  7 years ago (edited)

감사합니다. 이것도 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

꿀팁 감사합니다!!!

감사합니다. 이것도 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

와우 제일 정리 잘 돼 있는거 같아요 @.@

감사합니다. 이것도 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

잘배워갑니다.^^
오늘저녁에 시험해봐야겠어요.

감사합니다. 이것도 읽어보세요
https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

으으윽... 제가 뭘 잘못 건드렸는지 낸드님께서 달아주신 댓글이 날아갔습니다. Orz 친절한 가이드 감사드립니다. 책은 뭐 아무래도 최근에 나온 책이 가장 많은 정보를 담고 있는 바...(쿨럭)... 여튼 따뜻한 호의를 보여주셨는데 아무생각 없이 날려버려서 죄송하다는 말씀 올립니다. ㅠㅠ

블록체인 기반이라 삭제되더라도 한번 올린 글은 내역은 볼 수 있습니다. ㅎㅎ
더불어, 댓글은 잘 살아있네요.
책 한번 사봐야겠어요. 감사합니다 ㅎㅎ

글 작성하는데 정말 많은 도움이 되었습니다. 좋은 정보 정말 감사합니다!!

도움이 되셨다니 감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

잘보고 갑니다.

  ·  7 years ago (edited)

감사합니다. 이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

도움이 많이 됐습니다. 고맙습니다. ^^

  ·  7 years ago (edited)

감사합니다. 이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

고맙습니다. ^^

아직은 읽어봐도 헷갈리지만 엄청 유용한 글 같네요!! ㅎㅎ

필요할 때마다 찾아보시면 금방 익히실거에요 ㅎㅎ

좋은글 감사합니당 ㅎ 늦게서야 보게 됐네요 ^^

감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

감사합니다. 너무 정리 잘되어 있네요!

감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

좋은글 감사합니다..^^ 도움이 많이 됐어요

감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

이것도 잘 모르고 포스팅하고있었네요 하하 감사합니다

감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

좋은 글 감사합니다.
덕분에 많은 것을 배우고 갑니다 :)

감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

지난 글이지만 잘 정리해주셔서 보고 바로 썼습니다.
인사라도 드리고 갈께요. 감사합니다! ^^

잘 써주시니 감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

정말 잘봤습니다~ 감사합니다!! 보팅은 최신글에 하겠습니다~~

보팅을 최신글에 오셔서까지 ㅎㅎ 감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

잘 보고 갑니다 ^^

감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

정말 많은 도움이 되는 글입니다. 어쩜 이렇게 깔끔하게 정리하셨는지 참 대단합니다. 글쓰기는 기본 중의 기본인데 글쓰는데 필요한 것들을 한꺼번에 잘 정리하셨군요.

그런데 이미지를 어떻게 올리는 지 아직도 궁금증이 남아 있습니다. 혹시 어떻게 하면 이미지 제대로 올릴 수 있는지 알려주시면 감사하겠습니다. 특히, 나중에 잠길 수가 있어서 이미지 올리는 게 여간 신경이 쓰이지 않습니다.

  ·  7 years ago (edited)

인터넷 상의 이미지는 주소(url)가 있으면 url 그대로
쓰면 됩니다.
pc상의 그림인 경우, 작성란에 '드래그 앤 드랍'으로 마우스로 끌어 옮겨서 몇초 기다리면 자동 업로드 됩니다.
이미지는 스팀잇이 사용하고 있는 아마존 서버에 올라갑니다.
말씀대로 글처럼 이미지도 삭제가 안되기에 신중히 하셔야겠죠.

좋은 정보 감사합니다! 너무 유용하게 읽은 글이라 퍼가도 될까요??

네 오래된 글이라 리스팀응 안되지만, 얼마든지 마음대로 링크하셔도 됩니다.

네 댓글 감사합니다~~!

좋은 내용이 리스팀이 안되는 군요ㅠ_ㅠ 내용 정리 감사합니다!

7일 지난 글은 리스팀도 안되고 보팅도 안됩니다.

이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

유용한 정보 제공해주셔서 감사합니다 :)

쿠블에서 오셨군요. 감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

감사합니다. 글쓰는게 쉽지가 않네요.

감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

많은 도움이 되었습니다! 즐찾해놓고 필요할 때 마다 봐야겠습니다. 팔로우,보팅, 댓글! 하고 갑니다.^^

감사합니다~

newbie 입니다. 많은 도움이 되었습니다. 좋은 팁 감사합니다. upvote 해 드렸어요.

감사합니다.
이것도 한번 읽어보세요
스팀잇에 올리면 안되는 글 https://steemit.com/kr/@nand/do-not-write-these-things-on-steemit

감사합니다

감사합니다

초보자에게 많은 도움이 되었어요 감사합니다!!

감사합니다!

감사합니다~ 도움이 많이 되었어요. 근데 저 다른건 다 되는데 왜 단락 나누기는 안될까요? ㅜㅜ

엔터와
을 활용해도 잘 안되시나요?

죄송한데 엔터와 뭐를 활용하라고 하신건가요? 제가 이해하기론 엔터를 두 번 누르면 문단과 문단 사이에 한 줄이 비어지는것인데 전 안되서요..

<br/> 을 써보세요


이렇게 띄워질겁니다.

감사합니다. 완전 초보자라 도움이 많이 되었습니다!!

오늘 가입하고 인사글 써보는데 이런 내용을 먼저 보고 쓸걸 그랬네요.
초보들 위해서 글을 잘 정리해주셔서 감사합니다.~~~

이거 스크랩 어떻게 하나요?
좋은 글입니다 감사합니다