나는 뉴비] 왕초보뉴비의 markdown 사용방법

in kr-newbie •  7 years ago  (edited)

38DE414E-990F-4CC0-AD54-3EA1E2881041.png

안녕하세요 다니엘 엄마(@daniel.k-chuu)예요

처음 스티밋을 접하고 하루만에 하지말까란 생각이 들었습니다. 그이유는 바로 markdown. 생전 처음 써보는 마크다운은 저같은 뉴비를 좌절시키기 충분했죠..

선배님들이 설명해놓은 글을 보고 따라해도 저같은 컴맹은 잘 안되는 경우가 많았습니다.
그래서 저같은 진짜 생짜 왕왕초보 뉴비들과 공유하고자 이글을 쓰게 되었습니다.

다음과 같은분께 도움이 됩니다

  • markdown을 처음 접하는 왕초보 뉴비
  • 컴맹끼가 살짝 있어 다른분들의 글을 읽어도 도저히 모르겠다하시는분

자, 그럼 저와 함께 천천히 배워볼까요?

먼저 markdown이 뭔지 용어부터 알아봅시다.

markdown 이란?

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

오호라 그러니까 마크다운이라하는거는 순전히 문서를 편집할때 쓰는 기능이라는 거군요. 그러니까 한글에서 우리가 글자를 눕히고 진하게하고 하는것들과 같은거네요!

맞습니다
그런데 제가 10일 여간 사용해보니 마크다운중에서도 애정하여 쓰는게 있더라 이겁니다.
지금 보시면 제 글중에 글자가 누워있는것도 큰 글자도 있는것은 보실수가있지요?
제가 정리해드릴게요
이정도알면 왠만해서는 글 적을때 불편함이 없으실거예요

  • 제목

큰제목

#한칸띄우고 제목 : 큰제목(글자 제일 큼)

중간제목

##한칸띄우고 제목 :중간제목(글자크기 중간)

작은제목

###한칸띄우고 제목: 작은제목(일반 글자크기보다조금큼)

  • 이탤릭체와 볼드체
    이탤릭체: 다니엘엄마daniel or 다니엘엄마
    볼드체: 다니엘엄마daniel or 다니엘엄마
  • 인용
    인용은 앞에 >를 붙인다

인용

  • 리스트 만들기
    -한칸띄우고 < 내용 >하면 왼쪽에 • 생김
    예시 •오늘은 토요일

  • 음영넣기: 양쪽에 (`)붙임

다니엘엄마

(첨가) 이렇게 된거 TABLE을 만들어보자!(@forhappywomen 님 글 참조)

나는스티밋에비츄
![ ](그림링크)![ ](그림링크)![ ](그림링크)

1*3 table 만드는 포맷입니다.

보기쉽게 도식화를 해보면

tt.png

나는스티밋에비츄
IMG_9439.PNGDQma5mbjPtLaw2HYWdyUogvU1KH6CbUR9peeoWdB35PCBhk[1].pngIMG_9437.PNG

@forhappywomen님께 배운것 처럼 수제자의 느낌을 내고 싶다면. 글자 앞뒤로

입력하여 글자 가운데 정렬!

나는
스티밋
에비츄
IMG_9439.PNGDQma5mbjPtLaw2HYWdyUogvU1KH6CbUR9peeoWdB35PCBhk[1].pngIMG_9437.PNG

사진을 일렬로 배열하고싶다면?

@forhappywomen 님에 의하면 옆으로 붙이면 붙는다고 합니다.
| 를 사용하는 방법은 table을 만드는 것이라고 합니다.
사진을 쭉 이어 붙일려면 그냥 쭉쭉이어쓰면 된다고합니다.(단 적은 픽셀일때)

20180123_141853.jpg20180123_141911.jpg

안타깝게도 사진이 너무 고화질이라 옆으로 붙이는데 실패하였습니다.
800 픽셀로 제한되는것 같은데. 이부분은 다시 포토샵을 구해서 해봐야겠습니다.
픽셀수 수정에 좋은 프로그램 있으면 추천 부탁드립니다!!

마지막에 저는 사진 쭉 이어 붙이기는 실패했지만ㅜ(내일 다시 도저언)
뉴비의 길은 멀고 멉니다...ㅜ
폰으로 작성하여 전문성이 떨어질수있습니다(눈이 빠질듯합니다)

잘못된점은 컴으로 얼른 수정하겠습니다
제게 사진 일렬의 마크다운을 알려주신 @forhappywomen 님 진심으로 감사드립니다
혹 수익이 생기면 커피한잔 대접하겠습니다

제 글을 읽어주셔서 너무 감사합니다

컨텐츠가 도움이 되셨다면 보팅 & 팔로워 부탁드립니다

뉴비에게는 여러분의 응원이 큰 힘이 됩니다.

DQma5mbjPtLaw2HYWdyUogvU1KH6CbUR9peeoWdB35PCBhk[1].png

[Ourselves 캠페인]
셀프보팅을 하지 않고 글을 올리시고
ourselves 태그를 달아 주시면
어떤 일이 일어날까요?
긴 젓가락으로 서로 먹여주는 천국이 이뤄지지 않을까요?

<= 함께 하실 분은 위 문장을 글 하단에 꼭 넣어주세요

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:  

아 제 글이 도움이 되었다면 다행입니다만
| 를 쓰지않고 옆으로 쭉 이어쓰시면 옆으로 붙게 되어있습니다 ㅎㅎ

| 와 |—-|를 이용하는 것은 Table 을 만드는 방법입니다 ^^

그림링크를 쭉이어 붙이면 800pixel에 해당하는 그림만큼은 옆으로 붙습니다 :)

감사합니다. 컴에 포토샵이 없어서 픽셀 줄이는데 실패했어요
내일 다시 도저언!
늘 많은 도움 받고있습니다.^^

포토샵 없이 줄일수 있습니다 ㅎㅎ

image url 앞에 https://steemitimages.com/400x0/https://

https://steemitimages.com/400x0/을 추가하시면 400 픽셀로 수정하실수 있습니다!

그리고 간단하게 “알씨”(알집 만든 회사에서 무료로 제공하는 프로그램) 로도 할수 있습니다

감사합니다. 다시 도전해보겠습니다.ㅜㅜ

좋은 정보네요 저도 앞으로 저금씩 반영해서 하도록 해야겟습니다

@kaine님 감사합니다. 저는 컴맹이라 그런지 마크다운 쓰는게 쉽지가않네요 ㅜ

고생하셨습니다. 능숙하게 잘사용하시는데요??^^

너무 어렵네요 ㅠ 내일은 알려주신 것들 이용해서 사진쭉쭉 붙이기 연습해보겠습니다 ㅠ

잘 정리해주셔서 감사합니다^^ 마크다운 전문가시군요!

에비츄 행복.jpg

ㅠㅠ 초보자입니다ㅠ 노력하면 언젠가 전문가가되겠지요! 에비츄너무 귀엽네요 ㅎㅎ

와 마크다운! 좋은걸 배웠습니다. 아직 많이 부족한데 꿀같은 자료입니다

감사합니다. 도움되셨다니 행복하네요 ㅎㅎ

도움이 되었네요. 귀한 정보 감사합니다.

도움되셨다니 너무 감사합니다. 팔로우할게요!

방금 가입해서 어리둥절해요 ㅋㅋ 업로딩 할때 참고할게용