팀원과 공유하기 위해 만든 마크다운 설명서

Mingtorr·2021년 1월 23일
3

마크다운(markdown)은 일반 텍스트 문서의 양식을 편집하는 문법이다.
README 파일이나 온라인 문서, 혹은 일반 텍스트 편집기로 문서 양식을 편집할 때 쓰인다.
마크다운을 이용해 작성된 문서는 쉽게 HTML 등 다른 문서형태로 변환이 가능하다.
위키백과

제목 (Headings)


HTML과 같이 h1부터 h6까지 표시할 수 있으며 #의 갯수로 표현이 가능합니다.
h1이 가장 크고 h6가 가장 작습니다.

# h1

## h2

### h3

#### h4

##### h5

###### h6

위의 결과는 다음과 같습니다.

h1

h2

h3

h4

h5
h6

개행 (Newline)


마크다운에서 엔터를 친다고 줄바꿈이 되지 않습니다. 줄바꿈을 하기 위한 방법은 다음과 같습니다. 하지만 velog에서는 엔터를 인식합니다 스페이스바 2번 누를 필요 없어요!

  1. 문장의 끝에서 스페이스바를 2번 누른다.
  2. 줄을 띄우고 싶은 부분에서 # 적는다.

빈 공간을 만들고 싶다면 #을 이용하세요. 이를 활용하면 자신이 원하는대로 개행을 할 수
있습니다.

줄바꿈 하고 싶어요!
#
개행되었습니다!

벨로그에서는 ##을 여러행에 걸쳐 적어도 인식하지 않습니다.
<br>태그는 인식합니다!

인용문 (Blockquotes)


인용문은 >을 사용합니다. >의 갯수에 따라 중첩사용이 가능합니다.

> 인용문은 이렇게 사용합니다.
> > 중첩사용도 가능합니다!

인용문은 이렇게 사용합니다.

중첩사용도 가능합니다!

Note로 강조하기 가능합니다

표 (Tables)


테이블은 엔터키 위의 | 를 이용하여 작성합니다.
기본적인 폰트체의 적용도 가능합니다.

| name | age |
|-|-|
| Park | 24  |
| Lim  | 24  |
nameage
Park24
Lim24

폰트체를 적용한 테이블

| Italics   | Bold     | Code   |
| --------- | -------- | ------ |
| _italics_ | **bold** | `code` |
ItalicsBoldCode
italicsboldcode

셀 정렬하기

: 위치에 따라 정렬을 다르게 할 수 있다.

| 왼쪽 정렬 | 가운데 정렬 | 오른쪽 정렬|
|:---------|:---------:|----------:|
| Park | 24  | M
| Lim  | 24  | W
왼쪽 정렬가운데 정렬오른쪽 정렬
Park24M
Lim24W

목록 (List)


순서를 표기하는 목록과 순서가 없는 목록 2가지 방법으로 목록을 표기할 수 있습니다.

Ordered List

1. First item
2. Second item
3. Third item
  1. First item
  2. Second item
  3. Third item

Unordered List
순서가 없는 목록을 작성할 경우 -, *, + 를 사용하여 작성할 수 있습니다.

  • List item
  • Another item
  • And another item

Nested list
탭이나 스페이스바를 통해 인라인 블럭으로 작성이 가능합니다.

- Fruit
  - Apple
  - Orange
  - Banana
- Dairy
  - Milk
  - Cheese
  • Fruit
    • Apple
    • Orange
    • Banana
  • Dairy
    • Milk
    • Cheese

코드블럭


Tab키 위의 `를 사용하여 한줄의 인라인 코드를 작성할 수 있습니다.
여러 줄의 코드를 작성할 경우 ``` 으로 감싸 사용할 수 있습니다.

<head>
  <meta charset="utf-8" />
  <title>Example HTML5 Document</title>
</head>

색을 넣고 싶다면 ``` 다음에 언어명을 입력하세요

링크 (Link)


링크는 인라인 링크와 url링크로 구현할 수 있습니다.

인라인링크  
[깃허브](https://github.com/)
url 링크  
<https://github.com/>

인라인링크
깃허브
url 링크
https://github.com/

기존의 마크다운에서는 <>를 사용해야 하지만 벨로그에서는 그냥 링크를 붙이면 됩니다.

이미지 (Image)


이미지 크기는 10MB 이하만 가능합니다.
이미지를 사용하는 방법은 다음과 같습니다.

![이미지 설명](이미지 링크)
![](https://velog.velcdn.com/images%2Fmingtorr%2Fpost%2F99be602c-e80c-4ada-814e-3b325a0da9ac%2FKakaoTalk_20210124_001537928.jpg)

![이미지 설명](이미지 링크)

벨로그에서는 사진을 복붙하면 자동으로 처리해줍니다. ctrl+c, ctrl+v 만 하세요!

글자에 색넣기


글자에 색을 넣기 위해 html태그를 사용할 수 있습니다.

<span style="color:red">red</span>
<span style="color:#d3d3d3">#d3d3d3</span>
<span style="color:rgb(245, 235, 13)">rgb(245, 235, 13)</span>

red
#d3d3d3
rgb(245, 235, 13)


참고자료
https://velog.io/@yuuuye/velog-%EB%A7%88%ED%81%AC%EB%8B%A4%EC%9A%B4MarkDown-%EC%9E%91%EC%84%B1%EB%B2%95

profile
츄르 값 벌기 위해 코딩하는 아키텍쳐

0개의 댓글