스택오버플로우(Stackoverflow)에서 마크다운(Markdown) 언어를 사용해 글쓰는 방법 5분 안에 배우기

스택오버플로우(Stackoverflow)에서 처음 질문이나 답변을 쓸 때에  마크다운(Markdown) 언어에 익숙하지 않으면 조금 어려움을 겪게 됩니다. 스택오버플로우에서 가장 많이 쓰이는 마크다운을 쉽게 배워보도록 하겠습니다.   그럼 5분 컷 ㄱㄱ

• 스택오버플로우 바디(body)에 보통 코드를 그냥 넣으면 아래와 같이 보입니다.

• 스페이스 바로 코드 블락(block)을 표시한다고 고생하는 분들이 많은데요. 가장 쉬운 방법은 백틱(backtick)을 세개 사용하는 방법입니다. 코드 시작부분과 끝부분에 ``` 을 넣어줍니다. 백틱(`) 대신에 물결(~) 을 세개 넣어줘도 됩니다.  ~~~

• 한 단계 더 나아가서 syntax highlighting 기능을 사용하겠습니다. 현재 코드가 자바스크립트이므로 ``` 이나 ~~~ 다음에 lang-js를 적어줍니다. 해당 언어에 맞게 코드에 색깔들이 들어갑니다.  코드가 더 읽기 쉬워졌죠?  lang-js 말고 js라고 적어줘도 되긴 합니다. 

• CSS 언어에  syntax highlighting 사용 전/후로 비교해 보겠습니다.

사용 전 

사용 후

• 백틱(`)을 하나만 써서 인라인 코드를 표시할 수 있습니다. 백틱(backtick)은 키보드 1, 느낌표(!)  앞에 있습니다. 물결 표시하고 백틱하고 같이 있습니다.

• 보통 에러메세지는 blockquote를 많이 사용합니다.  에러 메세지를 그냥 넣으면 아래와 같습니다. 

• > (blockquote)를 사용하면 아래와 같이 변합니다. 에러메세지에 꼭 > 를 쓸 필요는 없지만 대다수가 그렇게 사용하고 있습니다.

• 눈썰미가 좋으신 분들은 아래 안내를 벌써 보셨을 겁니다. 코드는 백틱(`), 에러메세지는 blockquote (>), ** 2개는 진하게  * 하나는 이탤릭체 !!!

• line break 하는 법도 배워보겠습니다. 아래와 같이 엔터<enter> 만 치면 줄바꿈이 안됩니다.

• 보통  HTML <br> 태그를 사용하는 분들도 있지만!

• 저같은 고수는 <br> 치는 시간이 아깝기 때문에 스페이스바를 2번 누릅니다. 그럼 line이 break(줄바꿈) 됩니다!!!

• 링크는 그냥 주소만 갖다 붙이면 됩니다. 

• 제가 생각할 때 중요하다고 생각되는 부분만 다루었습니다. 5분 컷 굿? 혹시 자세히 공부하고 싶은 분은 https://stackoverflow.com/editing-help#code  <<< 여기로

* 형이 스택오버플로우 가입 2년 만에 상위 20% 안에 들었고 메달만 금6, 은20, 동52 임. 형만 믿으라구!

- The End -