🏃🏻♀️ 마크다운 소개
문서가 화면에 표시되는 형식을 나타내거나 데이터의 논리적인 구조를 명시하기 위한 규칙들을 정의한 언어의 일종이다. 아주 간단해서 5분만 투자하면 누구나 배울 수 있고 사용하기 편리하다는 장점이 있다.
👀 내가 보기 위해 정리한 마크다운 문법! 요즘 깃허브 README.md 파일에서 정말 많이 이용되고 있으니, 잘 공부해두자!
👻작성법을 그대로 따라서 텍스트 편집기에 적어보고 결과가 나오는지 확인해 보면 된다.
✍ 문법정리
1. 제목
총 6가지의 heading 스타일이 지원된다.
👉 작성법
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5
###### Heading 6👉 결과
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
📌 h1과 h2는 또 다른 작성법이 있으니 참고하자!
👉 작성법
h1
==
h2
--👉 결과
h1
h2
2. 문단 간격
👉 작성법
[1번 문단]<br/><br/><br/>
[2번 문단]👉 결과
[1번 문단]
[2번 문단]
3. 목록
3.1. 순서가 있는 목록
👉 작성법
1. 첫 번째
2. 두 번째
3. 세 번째👉 결과
- 첫 번째
- 두 번째
- 세 번째
3.2. 순서가 없는 목록
-, *, + 어떤 것을 이용해도 상관 없이 결과는 동일하다.
👉 작성법
- 대주제 1
- 소주제 1.1
- 내용 1.2
- 대주제 2
TAB을 두 번 눌러서 작성.
* 대주제 3
+ 대주제 4
+ `인라인 코드`
+ TAB을 이용하면 다른 모양으로 표현
```
블럭 코드 가능
``` 👉 결과
- 대주제 1
- 소주제
- 내용
- 소주제
- 대주제 2
TAb 2번 누르고 엔터
- 대주제 3
- 대주제 4
+인라인 코드- TAB을 이용하면 다른 모양으로 표현 가능하다.
4. 폰트 스타일
👉 작성법
__Bold__
**Bold2**
_Italic_
*Italic*
~StrikeThrough~
~~StrikeThrough~~👉 결과
Bold
Bold2
Italic
Italic
~StrikeThrough~
StrikeThrough
5. 인용문
👉 작성법
> 인용문입니다.
> 인용문
>> 인용문 중첩2
>>> 인용문 중첩3👉 결과
인용문입니다.
인용문
인용문 중첩2
인용문 중첩3
6. 인라인 코드
👉 작성법
`인라인 코드 작성하기`👉 결과
인라인 코드 작성하기
7. 코드 블럭
👉 작성법
``
위 아래 백틱을 3개를 넣어서 감싸주세요. (세 개를 넣어주세요!)
``👉 결과
위 아래 백틱을 3개를 넣어서 감싸주세요. 7.1. 코드 하이라이트
백틱 3개 뒤에 언어 이름을 넣어주면 해당 언어의 문법에 맞게 하이라이트가 된다.
👉 작성법
```java
System.out.println("Hello Soori!");👉 결과
System.out.println("Hello Soori!");8. 링크
👉 작성법
<http://velog.io/>
[Let's Google!](http://google.com)👉 결과
http://velog.io/
Let's Google!
9. 수평선
👉 작성법
***
-----
__ __ __ 👉 결과
10. 이미지
👉 작성법
👉 결과
11. 테이블
폰트 스타일을 적용할 수 있고, :을 활용해 정렬도 조작할 수 있다.
👉 작성법
| 강의 | 강사 | 개강일 |
|:-----|:-----:|-----:|
| **CS50** | 김땡땡 | ~~2021. 8. 4.~~ |
| Webn 강의 | 이땡땡 | 강의 취소 |
| 달리기 잘 하는 법 | 구땡땡, 강땡땡 | 비대면 강의 |👉 결과
| 강의 | 강사 | 개강일 |
|---|---|---|
| CS50 | 김땡땡 | |
| Webn 강의 | 이땡땡 | 강의 취소 |
| 달리기 잘 하는 법 | 구땡땡, 강땡땡 | 비대면 강의 |
12. 체크박스
-, *, + 뒤에 띄어쓰기 후 [] 대괄호를 넣어 만든다. 대괄호 안에 띄어쓰기를 하면 공백처리 되고, x를 넣으면 체크가 된다.
👉 작성법
- [x] 솜이랑 놀기
- [x] 등산 가기
<input type ="checkbox" checked/> 독서하기
<input type ="checkbox"> 여행가기👉 결과
- 솜이랑 놀기
- 등산 가기
독서하기
여행가기
13. 이모티콘
단축키를 활용해서 손쉽게 이모티콘을 불러올 수 있다.
Window 10의 경우 윈도우 키 + 마침표(.)
Mac의 경우 Command + Control + 스페이스바
14. 글 정렬
👉 작성법
<center>가운데</center>
<div style="text-align: left"> 왼쪽 </div>
<div style="text-align: right"> 오른쪽 </div>👉 결과
가운데- velog에서는 정렬 적용이 안 되는 것 같다.
🤗 끝으로
앞으로 개발 공부를 하면서 마크다운 문법을 자주 활용하게 될 것 같다. 간단하다고 생각했는데, 모두 정리하려니 시간이 꽤 걸렸다. 추가로 알게 되는 문법은 다시 정리해야지!
