본문 바로가기
생활정보/TIP

마크다운(MarkDown) 사용 방법

by yoonsotry 2024. 2. 9.
반응형

안녕하세요 오늘은 블로그나 깃허브, 최근에 많이 사용하는 노션에서도 많이 사용하는 마크다운(MarkDown) 사용 방법에 대해서 알아보겠습니다.

 

마크다운(MarkDown)이란?

마크다운이라는 용어가 많이 생소하신 분들도 많을 겁니다. 하지만 우리 실생활에서 마크다운을 사용하는 사이트들을 많이 볼 수 있죠. 대표적인 예시로 최근 많이 사용하는 노션(notion)이 있습니다. 마크다운은 2004년에 개발된 언어인데 마크업 언어보다 문법이 쉽고 간편해서 최근 많이 사용하고 있는 언어입니다.

 

사용 방법

이제 마크다운 사용 방법에 대해서 알아보겠습니다. 저는 구글코랩에서 작성해 보겠습니다.

 

제목(Heading)

#제목 1

##제목 2

###제목 3

####제목 4

#####제목 5

######제목 6

#######제목 7

마크다운 제목

가장 기본이자 많이 쓰이는 제목 태그입니다. 위에서부터 MarkUp 기준으로 H1~H6입니다. 제가 일부러 제목 7까지 써봤는데 제목7 부분은 일반 텍스트로 나옵니다. Heading태그는 제목이나 소제목 부분을 작성할 때 주로 쓰입니다.

 

목록

순서가 없는 목록

순서가 없는 목록은 -입니다.

- 목록 1

- 목록 2

- 목록 3

    - 목록 3-1

    - 목록 3-2

 

마크다운 순서 없는 목록

위 이미지처럼 들여 쓰기 후 사용도 가능하며 순서가 없는 목록을 작성할 때 자주 쓰입니다.

 

순서가 있는 목록

순서가 있는 목록은 - 대신 숫자와. 을 붙여주면 끝입니다.

 

1. 목록 1

2. 목록 2

3. 목록 3

    1. 목록 3의 1

    2. 목록 3의 2

    3. 목록 3의 3

4. 목록 4

순서가 있는 목록

순서가 있는 목록은 순서가 없는 목록과 마찬가지로 들여 쓰기 후 사용도 가능합니다. 여기서 주의해야 할 것은 간혹 가다 1), 2) 이런 식으로 작성하시는 분들도 있는데 이렇게 하면 사용이 불가능합니다.

 

강조

특정한 텍스트를 강조하는 방법입니다. 흔히 이야기하는 볼드체와 이탤릭체가 있습니다.

이탤릭체

이탤릭체는 오른쪽으로 살짝 기울어진 글씨체입니다. 사용 방법은 글씨를 *(asterlisk)나 _(underbar)로 감싸주는 것입니다.

 

*이탤릭체*

_이탤릭체_

이탤릭체

둘 중 편한 것을 사용하면 됩니다.

볼드체

볼드체는 두꺼운 글씨체입니다. 사용 방법은 **이나 __로 글자를 감싸주면 됩니다.

 

**볼드체**

__볼드체__

볼드체

이탤릭체와 마찬가지로 둘 중 하나 편한 것으로 사용해 주세요.

 

링크연결

링크 연결 방법입니다. 어떤 글자에 링크를 걸어 바로가기를 만들 수 있어서 유용하게 쓰이는 기능입니다. 사용 방법은 간단합니다.

 

[링크연결](https://www.naver.com/)

링크 연결 방법

네이버라는 글자에 네이버 링크를 연결시켜 봤습니다. 이제 네이버라는 글자를 클릭하면 네이버 사이트에 접속하게 됩니다.

 

이메일 연결

이메일 연결은 <> 안에 이메일을 감싸주면 끝입니다.

이메일 연결

이제 해당 링크를 누르면 메일앱으로 이동하면서 자동으로 수신자에 연결한 이메일이 들어가게 됩니다.

 

이미지 삽입

이미지 삽입은 링크 연결에 앞에 느낌표만 붙이면 끝입니다.

 

![이미지](이미지 주소)

이미지 삽입

저는 구글에서 계란 이미지를 가져와봤습니다.

 

코드블록

깃허브나 블로그를 쓸 때 유용하게 쓰는 기능입니다. 내가 작성한 코드를 남에게 보여줄 때 일반 텍스트로 쓰는 것보다 훨씬 가독성도 좋고 예쁘게 나옵니다. 방법은 코드를 백틱 3개 안에 넣으면 끝입니다.

 

```코드``` 저는 좀 더 예쁘게 보이기 위해서 python 언어를 쓴다고 선언을 한 후에 간단한 파이썬 코드를 작성해 보겠습니다.

 

코드블록 삽입

인용문

블로그에서 자주 쓰는 인용문입니다. 아무 말이나 작성해 보겠습니다. 방법은 >만 앞에 붙여주면 됩니다.

 

>아무 말 아무말

인용문

수평선

수평선입니다. 이 기능 또한 블로그에서 자주 쓰는 기능이죠? --- 혹은 ***를 쓰면 끝입니다.

 

---

***

 

수평선 삽입

 

하이라이트

하이라이트는 노란색 형광펜으로 표시한 것 같은 효과가 나타납니다. 내가 표시하고 싶은 부분을 <mark>로 감싸주면 됩니다.

 

이 글 내용 중 <mark> 중요한 부분 </mark>입니다.

하이라이트 삽입

 

체크리스트

노션에서 자주 쓰이는 기능입니다. 체크리스트를 만들어 줍니다. [ ] 안에 x를 넣으면 체크가 되고 공백을 넣으면 빈 체크박스가 됩니다.

 

[ ]

[x]

체크리스트 삽입

 

취소선

글자 가운데 취소선을 그어줍니다. ~~ 로 글자를 감싸주면 됩니다.

 

~~ 취소선~~

취소선 삽입

 

표(table)

사람들이 많이 어려워하는 표 삽입입니다. 보통 테이블을 만들 때는 구글에 마크다운 테이블 생성이라고 치면 내가 원하는 테이블을 삽입할 수 있는 프로그램들이 있습니다. 오늘은 간단하게 테이블을 만드는 방법만 알아보고 실제로 사용할 때는 편하게 프로그램을 이용하는 것을 추천드립니다.

 

엔터키 위에 있는 백슬래시를 쉬프트와 같이 누르면 |(Vertical Bar)가 나옵니다. |로 내가 원하는 테이블을 만들면 됩니다. 

테이블 삽입

이상으로 마크다운 언어의 간단한 사용 방법을 알아보겠습니다. 처음 마크다운을 접하시는 분들은 간단하게 이런 기능이 있구나 생각을 하셨다가 나중에 직접 사용할 때 구글링을 해서 원하는 기능을 찾으면 훨씬 재밌게 마크다운 언어를 이용하실 수 있을 것 같습니다.

 

구글링 하는 방법은 아래에 링크 첨부하겠습니다. 감사합니다.

https://yoon-story-blog.tistory.com/entry/%EA%B5%AC%EA%B8%80%EB%A7%81-%ED%95%98%EB%8A%94%EB%B2%95

 

구글링 하는법

과거 우리는 검색을 할 때 보통 네이버나 다음 포털 사이트 중에서 자신에게 익숙하거나 편한 사이트에서 검색을 많이 했습니다. 하지만 최근 트렌드가 많이 바뀌면서 다음에서 검색하는 것은

yoon-story-blog.tistory.com

 

반응형