본문 바로가기

ETC/Markdown

[Markdown] Typora 설치 및 기초 문법

이번에 진행하는 프로젝트에서 마크다운을 활용할 기회가 생겨서 정리 글을 작성해 보았습니다 😎

 

📌 마크다운이란?

파일 확장자가 .md 인 파일을 말합니다!

깃헙(Git Hub)에서 readme.md 역시 마크다운을 활용한 예시입니다

장점은? 사용법이 매우 쉽고 빠르게 문서를 정리할 수 있다는 것이 있습니다

 

📌 .md 파일을 만드는 방법은?

깃헙에 readme.md를 작성할 때를 제외하곤 사용한 적이 없어서

즉, .md인 파일을 만드는 방법을 몰라서 엄청 당황했지만 😥

Typora 라는 유용한 친구가 있는 걸 알게 되었습니다 🙌

 

Typora란?

마크다운 문법을 활용하여 글을 작성하여 md의 확장자로 파일이 저장되는 프로그램입니다

 

📌 Typora 다운로드 방법

주소: https://www.typora.io/

 

Typora — a markdown editor, markdown reader.

Readable & Writable Typora gives you a seamless experience as both a reader and a writer. It removes the preview window, mode switcher, syntax symbols of markdown source code, and all other unnecessary distractions. Instead, it provides a real live preview

www.typora.io

위의 주소를 타고 들어간 후, '상단바의 Download > 각자의 윈도우 종류'의 경로로 다운로드를 진행해줍니다!

설치를 완료한 후, 작성을 시작하면 됩니다 😉

 

📌 마크다운 문법

👉🏻 헤더: 제목을 표현할 때 사용

1. # ~ ######(6개)
2. <h1> ~ <h6> 

 

👉🏻 강조: 강조하고 싶은 부분이 있을 때 사용

1️⃣ 볼드체

1. ****
2. ____ (UnderBar)

2️⃣ 이탤릭체 

1. *  *
2. _  _ (UnderBar)

3️⃣ 취소선

~~~~

 

👉🏻 리스트: 목록을 나열할 때 사용

1️⃣ 순서가 있는 리스트의 경우

1. 

2️⃣ 순서가 없는 리스트의 경우

1. -
2. *

3️⃣ 리스트에서 하위 목록 생성 방법

tab 키 누르기

4️⃣ 리스트에서 상위 항목으로 이동 방법

shift + tab 키 누르기

 

👉🏻 인용: 글 옆 선을 표현하고 싶을 때 사용

 

👉🏻 수평선: 선을 나타내고 싶을 때 사용

1. ---
2. ***
3. ___ (UnderBar)

 

👉🏻 체크박스

1️⃣ 빈 체크박스

1. - []
2. * []
3. + []

2️⃣ 체크된 체크박스

1. - [ x ]
2. * [ x ]
3. + [ x ]

 

👉🏻 코드 블록: 작성한 코드를 나타낼 때 사용

1️⃣ 인라인(inline)

` `

2️⃣ 블록(block)

``` 사용하는 언어
```

 

👉🏻 이미지: 이미지를 표현할 때 사용

! [이미지 파일 이름] (경로)

1️⃣ 로컬: (경로)를 상대 경로로 설정

2️⃣ 주소가 있는 경우: (경로)를 주소로 설정

 

👉🏻 링크: 특정 주소로 링크를 걸 때 사용

[링크 주소 이름] (주소)

 

👉🏻 테이블: 표를 표시할 때 사용

| 헤더 | 헤더 | 헤더 |
| 내용 | 내용 | 내용 |
| 내용 | 내용 | 내용 |

 

👉🏻 마크다운 문법 무시

\ (BackSlash)

 

이상으로 Typora의 설치법과 마크다운의 문법을 알아보았습니다!

 

여러분의 궁금증 해소에 조금이나마 도움이 되었기를 바랍니다 💛

혹시나 틀린 부분이 있다면 댓글로 남겨주시면 감사하겠습니다 🤗

'ETC > Markdown' 카테고리의 다른 글

[VSCode] 나만의 Snippets 제작기:Markdown편  (0) 2024.07.17