Velog 시작하기 전에 - Markdown 배우기

Hamill·2019년 11월 5일
7
post-thumbnail

~귀찮고 불편해서 만드셨다는데 역시 벨로갓트님...~

어서오세요 벨린이 여러분!

Velog를 처음 접하면 글을 쓰기 위해서 Markdown을 알아야 하는데 저를 포함해 Markdown이 뭔지 잘 모르시는 분들을 위해 만든 포스팅입니다. 저와 같은 초보자분들에게 생소한 Markdown에 대해 알아봅시다. (전혀 어렵지 않아요!!)

1. Markdown(마크다운)이 뭐야??


마크다운(Markdown)은 마크업 언어의 일종으로, 존 그루버(John Gruber)와 아론 스워츠(Aaron Swartz)가 만들었다(2004). 온갖 태그로 범벅된 HTML 문서 등과 달리, 읽기도 쓰기도 쉬운 문서 양식을 지향한다. 확장자는 .md 또는 .markdown을 쓴다 [출처]나무위키

※ 마크업 언어 : 문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종으로 데이터를 기술한 언어라는 점에서 프로그래밍 언어와는 차이가 있다.~(html은 프로그래밍 언어)~

이제 마크다운이 뭔지 아셨나요? 마크업 언어의 일종으로 쉬운 문서 양식을 지향한다고 하네요. 왜 Velopert님이 마크다운을 채택하여 Velog에 적용하셨는지 이해가 되네요! 더 자세히 알기 위해 마크다운의 장단점을 알아볼까요?

2-1. 마크다운의 장점

  1. 문법이 쉽다.
  2. 관리가 쉽다.
  3. 지원 가능한 플랫폼과 프로그램이 다양하다.

2-2. 마크다운의 단점

  1. 표준이 없어 사용자마다 문법이 상이할 수 있다.
  2. 모든 HTML 마크업을 대신하지 못한다.

장단점을 알아봤으니 바로 사용법(syntax)을 알아봐도 될 것 같아요!
(주의 : 마크다운 기존 문법과 Velog에 쓰이는 문법 형태가 조금은 다를 수 있어요. Velog에 사용되는 문법 기준으로 작성할게요!)
(사용 예시만 보여드렸기 때문에 결과값은 나와있지 않아요. 첫 Velog 포스팅을 직접 작성해보면서 익혀보시길 권장합니다. ~절대 귀찮아서가 아니야~)

3. 사용법 한 눈에 보기

제목 서식

#제목 수준 1
##제목 수준 2
###제목 수준 3
####제목 수준 4
#####제목 수준 5
######제목 수준 6

굵게, 기울이기

**굵게**
_기울이기_ 혹은 *기울이기*

숫자 목록

1. 항목(엔터 키 - 자동으로 숫자가 아래에 추가됨)
2. 항목
3. 항목

글머리 기호 목록

* 항목 (엔터 키 - 다음 항목 자동 추가)
* 항목

혹은

- 항목 (엔터 키 - 다음 항목 자동 추가)
- 항목

인용문

> 인용문의 첫 줄 앞에 오른쪽 꺾쇠 괄호 기호를 넣으세요

링크

<URL 주소>
[표시할 글자](URL 주소)

ex)
[네이버] www.naver.com 주소를 (,) 괄호로 감싸기
결과 : 네이버 (현재 이 기능으로 접속이 안되는데... ~되시는분?~)

이미지 넣기

![이미지 구분용 문자](이미지 URL 주소)

ex)
![마크다운 이미지][마크다운 이미지 파일의 URL 주소]
(※ 글 작성 시 우측 상단에 사진 업로드 기능도 있으니 편하신 걸로 하세요!)

가로선

---

취소선

~~취소선~~

주석 달기

현재 지원하지 않는 기능인 것 같아요

주석 달기는 Velog에서 안되는데 혹시 아시는 분 알려주세요!

표 그리기

제목|제목|제목
---|---|---
항목|항목|항목
항목|항목|항목

4. 마치며

저의 첫 개발자 블로그 글이라 애틋하네요. 비전공자로 개발자가 되고 싶은 분들, 개발자가 어떤 것을 배워야하고 알아가야 하는지 잘 모르시는 분들의 시간을 아껴주기 위해 열심히 포스팅하겠습니다. 감사합니다~!

1개의 댓글

comment-user-thumbnail
2022년 9월 28일

velog.io의 링크 URL은 별도의 프로토콜 선언이 없으면 작성자의 velog 주소를 기준으로 한 상대 주소를 링크하는 것 같습니다.
예시의 링크가 velog.io/@han95210/www.daum.net 였어요. (심지어 네이버가 아니라 다음이네요.)
링크 주소를 https://naver.com 으로 해 놓으면 의도대로 동작할 것 같습니다!
좋은 글 잘 읽었습니다 😄👍

답글 달기