Soma 활동 중 개발하는 프로젝트의 형상관리를 깃랩을 통해 진행하고있다.
중간평가를 위해서 코드를 깃랩에 업로드 했고, Readme.md
파일을 정리하며 Markdown 문법에 대해 알게 되었다.
문법도 쉽고, 작성도 간단해서 같은 팀원의 맥북에서 Typora를 사용하는 모습을 보고 바로 윈도우 버전을 다운받았다.
간단하게 문법을 살펴봐야겠다.
Markdown
장점
- 쉬운 문법
- html 보다 쉽고, 복잡하지 않다.
- 지원 가능한 곳이 많다.
- 많은 곳에서 마크다운 형식을 지원하고 있어서 간단하게 작성이 가능하다.
단점
- 표준이 없다.
- 정해진 표준이 없기 때문에 작성자에 따라서 문법이 다를수가 있다.
- 모든 HTML 마크업을 할 수는 없다.
Markdown 문법
1. Header
# Header 1
## Header 2
### Header 3
#### Header 4
##### Header 5
###### Header 6
#
의 개수로 <h1>
~ <h6>
까지 표현이 가능하다.
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
2.Emphasis
이텔릭체는 *별표* 나 _밑줄_로 표현이 가능하다.
볼드는 **별표두개** 나 __밑줄두개__로 표현이 가능하다.
** _이텔릭체_와 볼드체**를 동시에 사용가능하다.
삭선은 ~~물결표시~~를 사용한다.
이텔릭체는 별표 나 _밑줄_로 표현이 가능하다.
볼드는 별표두개 나 밑줄두개로 표현이 가능하다.
** _이텔릭체_와 볼드체**를 동시에 사용가능하다.
삭선은 물결표시를 사용한다.
3.List
목록은 순서가 있는 목록과 순서가 없는 목록으로 나뉜다.
순서가 없는 목록은 -
,*
,+
를 사용하여 표기하지만, 모두 같은 표기를 한다.
- 하이픈을 사용하거나
* 별표를 사용하거나
+ 플러스를 사용한다
- 인라인으로
- 리스트를
- 만들수 있다.
+ 어떻게 하던
- 똑같은
* 결과를 갖는다.
- 하이픈을 사용하거나
- 별표를 사용하거나
- 플러스를 사용한다
- 인라인으로
- 리스트를
- 만들수 있다.
- 만들수 있다.
- 리스트를
- 어떻게 하던
- 똑같은
- 결과를 갖는다.
- 똑같은
순서가 있는 목록은
1. 순서가 있다.
2. 에디터에서는 자동으로 생성됨.
3. 이렇게 쓰면된다.
1. 순서가 꼬여도
3. 자동으로
2. 정렬해준다.
- 순서가 있다.
- 에디터에서는 자동으로 생성됨.
- 이렇게 쓰면된다.
- 순서가 꼬여도
- 자동으로
- 정렬해준다.
4. Link
<a></a>
를 표현 할 수있다.
[Naver](https://www.naver.com)
[Daum](https://www.daum.net "마우스 오버시 설명도 넣을 수 있다.")
[Nate][1]
[1]:(htts://www.nate.com)
참조링크도 사용 가능하다.
일반 URL이나 `<>` 꺽쇠 괄호는 자동으로 링크로 사용된다.
네이버 : https://www.naver.com
다음 : <https://www.daum.net>
참조링크도 사용 가능하다.
일반 URL이나 <>
꺽쇠 괄호는 자동으로 링크로 사용된다.
네이버 : https://www.naver.com
다음 : https://www.daum.net
5. Horizontal line
수평선은
***
, ---
,___
와 같이 3개 이상을 입력하면 사용 가능하다.
요것도 수평선
--------
이것도 수평선
__________________________ ______ _____ __ _
이것또한 수평선
* * * * *
요것도 수평선
이것도 수평선
이것또한 수평선
6. Image

를 통해 <img>
를 표현할수 있다.

그렇지만 대빵크다. 사이즈 조절은 `<img>`를 사용하자.
<img src="https://cdn.pixabay.com/photo/2017/09/25/13/12/dog-2785074_960_720.jpg" width="200px"/>
그렇지만 대빵크다. 사이즈 조절은 <img>
를 사용하자.

7. Table
|
와 -
를 사용하여 테이블을 작성 할 수 있다.
| header | header | header |
|:-------|:------:|-------:|
| cell | cell | cell |
| 좌로정렬 | 가운데정렬 | 우로정렬 |
| **여기서** | _이것도_ | ~~사용가능~~ |
`:`를 사용하여 정렬을 할 수 있다.
cell 내에서 Emphasis를 사용할 수 있다.
header | header | header |
---|---|---|
cell | cell | cell |
좌로정렬 | 가운데정렬 | 우로정렬 |
여기서 | 이것도 |
:
를 사용하여 정렬을 할 수 있다.
cell 내에서 Emphasis를 사용할 수 있다.
8. BlockQuote
>
를 사용하여 <blockquote>
를 표현할 수있다.
> 안녕하십니까
>> 중첩으로도
>>> 사용이
>>>> 가능합니다.
안녕하십니까
중첩으로도
사용이
가능합니다.
9. Code
(백탁 키패드 1 옆)
표시를 사용하여 <pre>
,<code>
를 나타낼 수 있다.
```
세번 사용하여 코드 블록을 만들 수 있다.
`<pre>`, `<code>`
```c
int main(void)
{
return 0;
}
```
```javascript
function(res,req) => {}
```
<pre>
, <code>
int main(void)
{
return 0;
}
function(res,req) => {}
10. Check Box
-
, +
, *
뒤에 띄어쓰기 후 []
를 작성하면 체크박스를 만들 수 있다.
- [ ] 이거는 비어있는거
+ [x] 이건 한거!
* [ ] 이거로도 가능해
- 이거는 비어있는거
- 이건 한거!
- 이거로도 가능해
11. Emoji (깃헙이나 다른곳에서는 사용가능 ㅠㅠ)
:
을 사용하여 이모지를 사용할 수 있다.
:pencil2: 작성
:smile:
:heart:
:yum:
이모지의 태그는 [여기](https://www.webfx.com/tools/emoji-cheat-sheet/ "요기요기")서 확인할 수 있다.
:spiral_notepad: 결과
:smile:
:heart:
:yum:
이모지의 태그는 여기서 확인할 수 있다.
END
내가 보려고 만든 게시물. 만들다보니 markdown 문법을 조금 더 알게 되어서 좋았다.