[스팀잇팁] 마크다운 사용법

4년 전

안녕하세요. 박세계입니다.

마크다운 사용법이 많은 분들에 의해 여러번 공유 되었지만 여전히 잘 모르는 분들이 많아 반복하는 의미에서 공유합니다.

마크다운이란?

스팀잇에서 글을 쓸 때 적용되는 편집 방식인데 사실 스팀잇과는 전혀 상관없는 독립적인 방식입니다. 스팀잇에서만 지원하는 특별한 편집 방식이 아니라는 말입니다.

스팀잇 편집기는 매우 구리다 라고 하시는 분들이 많은데, 믿기지 않겠지만 쓰기 쉽고 읽기 쉽다고 이미 판명된 방식을 채택한 것입니다. 적당한 글의 모양새를 항상 보장하고 꾸미는 방법을 많이 제공하지 않아 오히려 글 내용에만 집중하게 하는 역할도 합니다. 장담컨데 꾸미면 꾸밀수록 글은 못생겨집니다. 1꾸밈 1못생겨짐을 항상 기억하세요.

markdown.png

위와 같이 Preview 우측 상단에 Markdown Styling Guide 링크가 있는데 클릭시 스팀잇이 아닌 GitHub의 가이드 페이지로 이동합니다. 그렇다고 이게 GitHub에서 만든 방식도 아닙니다. 무려 13년 전인 2004년에 John Gruber가 개발한 방식입니다. GitHub도 마크다운이 너무너무 좋아서 채택한 것입니다. 한 번만 쓰면 마크다운을 지원하는 여러 사이트에서 수정없이 그대로 사용 가능한 큰 장점도 있는 나름 표준 방식입니다.

마크다운 사용법

알아야 할게 생각보다 많지 않으며 직관적이니 가벼운 마음으로 봐주시면 감사하겠습니다.


# 큰 제목에 사용
## 1. 중간 제목에 사용
### 1-1. 세부 제목에 사용

큰 제목에 사용

1. 중간 제목에 사용

1-1. 세부 제목에 사용


**굵은 글씨**
*이탤릭체 글씨*
~~삭제된 느낌 주고 싶을 때~~

굵은 글씨
이탤릭체 글씨
삭제된 느낌 주고 싶을 때


>남의 말을 인용하거나 글의 흐름을 깨지 않고 첨언을 하고 싶을 때 사용

남의 말을 인용하거나 글의 흐름을 깨지 않고 첨언을 하고 싶을 때 사용


- 순서가 필요 없는 목록 나열시 사용
* 순서가 필요 없는 목록 나열시 사용
+ 순서가 필요 없는 목록 나열시 사용

- * + 아무거나 사용하면 됩니다

  • 순서가 필요 없는 목록 나열시 사용
  • 순서가 필요 없는 목록 나열시 사용
  • 순서가 필요 없는 목록 나열시 사용

1. 순서가 필요한 목록 나열시 사용
1. 순서가 필요한 목록 나열시 사용
1. 순서가 필요한 목록 나열시 사용

1, 2, 3 이런식으로 쓸 필요 없이 위의 예처럼 그냥 1만 계속 쓰면 알아서 번호를 이어줍니다.

  1. 순서가 필요한 목록 나열시 사용
  2. 순서가 필요한 목록 나열시 사용
  3. 순서가 필요한 목록 나열시 사용

---

가로 줄로 내용의 분리를 표현할 때 사용 (예로든 항목들 위 아래로 계속 사용하고 있으며 여기서는 혼동을 막기위해 미리보기 생략)


[다른 웹페이지를 링크할 때 사용](https://steemit.com/@segyepark)

다른 웹페이지를 링크할 때 사용


이상입니다. 몇 가지가 더 있지만 이 정도만 알아도 충분합니다. 마크다운 남발은 절대 금물입니다. 덤덤하게 글쓰기에 집중하고 꾸미고 싶은 욕망을 자제하는게 쓰는 사람 읽는 사람 모두에게 편안함을 선사하기 때문입니다.

감사합니다.

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!
STEEMKR.COM IS SPONSORED BY
ADVERTISEMENT
Sort Order:  trending

Cheer Up!

  • from Clean STEEM activity supporter
·

오늘도 감사합니다 :)

1꾸밈 1못생겨짐에 '흠칫' 떨고 말았습니다. ㅋㅋㅋ 늘 유용한 정보를 전해주시려 애쓰시는 모습 멋집니다.

·

ㅋㅋㅋㅋㅋ 항상 좋게 봐주셔서 감사합니다 :)

마크다운 관련해서 이렇게 정갈하게 정리되어진
글을 찾을 수 있어서 정말로 기쁨니다.

잘 보고 갑니다.

·

좋은글로 봐주셔서 저야말로 감사합니다 :)

필요한 사항 잘보고 갑니다. ^^

·

읽어주셔서 감사합니다 ^^

nice post my friend...
i upvote anf resteem..

·

Thanks :)

·
·

yes my friend..
i have new my post plase you are visit to my blog.

오오~ '순서가 필요한 목록 나열시 사용' 이것 빼고는 다 사용하고있는 마크다운입니다^^
세계님같으신 개발자께서 알려주는 건 '잘 모르는 사람이 많다'는 것 같은데, 제가 한 가지 빼고 다 쓰고 있다는 건 왠지 기본은 하고있다는 생각이 들어 좀 뿌듯한 기분이 듭니다ㅎㅎㅎ

·

이번거는 막 어려운거를 소개한건 아니지만 그래도 대부분을 사용하시는 분들이 생각보다 많지 않을텐데 손시님 역시 짱입니다 ^^

역시 깔끔하게 정돈된 @segyepark님의 정보! 감사히 쓰겠습니당~

·

항상 들러주셔서 감사합니다 수수님! 미약하게나마 도움이 되길 바라겠습니다 :)

마크다운으로 너무 잘꾸미려고 하니 1못생김이 추가 된것 같은게 잘못생각한게 아니었군요!!
너무 요즘 줄글을 읽을 일이 없다보니 쓰는 글도 줄글로 잘 써내려가지 못하는 것 같네요 ㅠㅡㅠ 반성하고 차분히 글써야겠습니다 ㅎㅎ

·

엄청나게 전문성있는 정보를 일목요연하게 전해주시는데 겸손의 말씀이십니다 ㅎㅎ 앞으로도 좋은글 잘 부탁드립니다 :)

  ·  4년 전

믿고 읽는 박세계님의 글 ㅎㅎ 저도 마크 다운에 대해 여러 글을 찾아보고 연습했는데, 아직도 해결되지 않은 게 두어개 남았습니다.

  1. 글자 색 넣기. (사실 쓸 일은 별로 없긴 하지만, 아예 기능이 없는 건지 궁금하더군요.)
  • (참조)
  1. 순서가 필요한 목록 나열을 이용 할 때, 이 경우 처럼 순서를 방해하는 게 들어가면 전부 1.로 표시되는 일이 있던데, 이럴 경우 어떻게 해야 하는지 궁금하더군요. 이럴 땐 2. 로 넣어도 계속 1.로 표시되죠. ㅎㅎ
·

좋게 봐주셔서 감사합니다 yoon님 ^^

  1. 마크다운은 본래 컬러를 지원하지 않지만 대부분 HTML 태그를 그대로 쓰면 받아 들이는걸 기본으로 하기도 합니다. 원래는 아래와 같이 하시면 되는데, 스팀잇은 이걸 막아놨기 때문에 색상을 절대 줄 수 없습니다.

<span style="color:blue">파랑색으로 나와야 맞지만 지원하지 않습니다.</span>

  • (참조)

2. 이건 2\. 이렇게 역슬래시를 . 앞에 붙이시면 됩니다. 하지만 들여쓰기를 포기해야 하기 때문에, 위의 1. 도 동일하게 수정해서 같이 들여쓰기를 포기 하는게 좋습니다.

·
·
  ·  4년 전

오오!! 정말 감사합니다 ^^

·

저도 글자 색 넣기가 가장 궁금했는데..
글자 색을 못 넣으니 강조하고 싶은 부분을 강조 못해서 답답하더라구요

그런데 박세계님께서는 칼라 넣는 명령어도 알고 계시군요... 역씨!

·
·

네 보통 마크다운을 지원해도 HTML 태그 역시 어느정도 허용해주는 편인데 스팀잇은 확실히 막아놓은거 같더라구요 ㅎㅎ

처음에 마크다운 몰랐을 때는 엉망진창이었는데 알고나니 신세계더라구요 ㅎㅎ 이렇게 깔끔하고 쉽게 정리해주셔서 감사드립니다 :)

·

마크다운을 알게되면 사랑에 빠지게 되죠 ㅎㅎ 첫인상은 좀 이상해도 막상 엄청 단순하고 이렇게 편한게 없는거 같습니다. 잘 읽어주셔서 감사합니다 :)

하하... 저도 따라쟁이가 되어보렵니다.
"오늘도 감사합니다 :)"
그리고 늘 고맙고 감사합니다^*^

·

저야말로 항상 감사합니다 미경님. 오늘도 방문 감사합니다 :)

A wonderful post. @segyepark followedd

·

글쓸때 하나씩 적용해봐야겠어요!
꾸밀수록 못생겨지니 글 하나에 하나 정도 ㅎㅎ

·

네 ㅎㅎ 쓰면 쓸수록 확실히 못생겨지더라구요 ㅎㅎ 개인적으로 진짜 이건 꼭 써야겠다 하는 부분에만 쓰는게 좋은거 같더라구요 :)

그냥 마구잡이로 썼는데 나름의 용도가 있었군요! 깔끔하게 정리해서 알려주셔서 감사합니다:)

·

아직 잘 모르시는 분들을 위해 쓴거라 사실 자신이 가장 편하게 생각하는 쪽으로 쓰시면 그만인거 같습니다 ^^ 읽어주셔서 감사합니다 가나님 :)

스팀잇의 인터페이스가 구린 것 같지만, 글에서 언급하신대로 일정부분 최저의 레이아웃은 보장하니 ... 오히려 국내 사이트처럼 짤방이나 플래시로 일명 "떡칠" 된 것보다 차라리 낫다고 봅니다.

·

크게 공감합니다 ㅎㅎ 막 이쁘진 않아도 최저의 레이아웃을 보장해 주는게 참 중요한거 같습니다.

잘 정리해 주셨네요~~ 스티밋 입문하시는 분들이 처음에 조금 어려워하시는게 마크다운 편집에 대한 부분이기도 해서요~~ 뉴비 분들이 몇개만 잘 숙지하시면 쉽게 사용하실 수 있을 듯 합니다~~ ^*

·

맞아용 블루님 ^^ 이게 뭔지 잘 모르시는 분들도 한참 스팀잇에 있다보면 자연스레 알게 되긴 하시는데, 처음에 입문하시는 분들은 어려움을 겪는거 같아 준비해봤습니다. 방문 감사합니다 ^^

마크다운 아직 익숙하지 않아서 어렵네요 ㅜㅜ
편리해보이지만 아직은 HTML 태그가 익숙합니다 ㅋㅋㅋㅋ

이렇게 쓰면 글자가 커지네요

와 정말 신기합니다.

·

오오 이미 다 터득 하셨군요 ㅋㅋㅋㅋㅋ

대박입니다 :)

1꾸밈 1못생겨짐 명심할께요 ㅎㅎㅎ

·

네 ㅋㅋㅋ 아무리 써봐도 꾸미면 꾸밀수록 못생겨지더라구요 ㅎㅎㅎ 늘 적당한게 좋은거 같습니다 ^^

@segyepark님 1꾸밈 1못생겨짐 마음에 남는 말입니다.
꾸미면 꾸밀수록 글은 못생겨진다.
뭔가~~ 명언을 남기는 어록에 등극하셔야 할거 같습니다.

·

화이트로즈님 과분한 칭찬 감사합니다 :)

오늘도 알찬 내용이 가득한 세계님의 포스팅!!
언제나 많이 배우고 갑니다. ^^

·

로사리아님은 이미 잘 아실텐데 이렇게 와서 응원해주시니 저야말로 감사합니다. 좋은 하루 보내세요^^

와 우 감사 합니다.

·

저야말로 읽어주셔서 감사합니다 콘님 :)

아,, 저는 저런것들을 미리 알고 조금씩 사용하고 있었는데 이게 마크다운이라는 것인지는 처음 알았네요 ㅎㅎㅎ 감사합니다 소중한 정보^^!!

·

사실 사용할줄만 알면 이게 뭔지 잘 몰라도 그만이죠 ㅎㅎ
방문 감사합니다 ^^ 팔로우 했습니다. 앞으로 자주 뵈요^^

항상 좋은 정보를 알려주셔서 넘 감사해요~^^
완전 꿀팁이에요 >_<ㅎㅎ
연휴 잘 보내구 있으시겠죵?
길었던...연휴도 오늘이 마지막이네요 ㅠㅠ
즐거운 하루보내세요~~^^ㅎㅎㅎ

·

아랑님 오랜만이네요^^ 들러주셔서 감사합니다.
연휴가 너무 길어서 불만이었는데 막상 끝날때가 오니 무척 아쉽네요 ㅎㅎ
아랑님도 연휴 잘 보내셨나요? 오늘 마무리 잘하시고 즐거운 하루 보내세요^^

  ·  4년 전

좋은 자료 감사합니다.

·

저야말로 리스팀 감사합니다 :)

이렇게 하면 커져욧.

한칸띄어야하는군요.

이걸모르고 h2 사용하느라 고생했네요.

이렇게 인용을 하는거였군요.

이렇게 삭제를 하고요

삭제는 칸을 띄면 안되는가 봅니다.

감사합니다):

·

벌써 완전정복 하셨네요 선무님 ㅎㅎㅎㅎㅎㅎ 왠지 뿌듯합니다 :)

Thankyou for sharing @segyepark . . I have followed you

·

Thanks for your comment. I have followed you back :)

Great guide!

·

Cheers :)

오랜만에 마크다운에 대해 복습하는 기분입니다. 세계님 감사합니다.

감사합니다. 스팀잇 인제 2일 째인데 사용 법을 몰라서 엄청나게 헤매고 있었는데 도움이 많이 되는 글이네요.