MARKDOWN

Jehyung Ahn·2023년 4월 9일
0
post-thumbnail

Markdown

마크다운은?

  • 일반 테스트 기반의 경량 마크업 언어다.

마크업(markup)은 태그 등을 이용하여 문서나 데이터의 구조를 명시하는 언어


장점

  1. 문법이 간결하다.
  2. 문서, 웹 사이트, 메모 등 다양하게 사용할 수 있다.
  3. 벨로그 및 깃허브 등의 플래폼에서 지원한다.
  4. 다양한 환경에서 편집 및 작성이 가능하다.
  5. 텍스트로 저장되어 용량이 작아 보관이 쉽다.

단점

  1. 표준이 없어 사용자 및 도구에 따라 형태가 상이하다.
  2. 태그를 이용하지만, 모든 HTML 마크업을 대체하지 못한다.

문법

1. 개행(New line)

  • 줄 바꿈 : 공백 2칸
  • 단락 바꿈 : 엔터 2번 or <br>

2. 제목(Header)

  • #을 1 ~6개로 사용한다. (크기 1 > 2 > 3 > 4 > 5 > 6)

제목1

제목2

제목3

제목4

제목5
제목6
# 제목1
## 제목2
### 제목3
#### 제목4
##### 제목5
###### 제목6

3. 수평선(Horizontal Rule)

  • --- or ***, <hr> 을 사용한다.


4. 강조(Emphasis)

굵은 글씨
이탤릭 or 이탤릭
취소선
밑줄

**굵은 글씨**
*이탤릭* or _이탤릭_
~~취소선~~
<u>밑줄</u>

5. 인용문(BlockQuote)

  • >를 사용하여 인용문을 표현한다.(인용문은 중복이 가능하다.)

인용문은

중복이 가능하다.

>인용문은
>>중복이 가능하다.

6. 목록(List)

  1. 순번있는 목록 : 숫자를 이용한다. (1만 써도 자동으로 순번 적용된다.)
  • 순번없는 목록 : 기호를 이용한다. (*, +, - 기호)

하이퍼 텍스트로 보이는 이름

[하이퍼 텍스트로 보이는 이름](링크의 주소 https://velog.io/@jehyung-dev)

8. 이미지(Image)

![이미지가 없을 때, 대체되는 텍스트](https://velog.io/@jehyung-dev)
![마크다운](https://pixabay.com/get/g7a3ea6fae6013c4fec955b61f9528d947ff8d3c274b8a71e0efd95aebffd652cf5db34054b8a89f6e35e26f8d3b86246250b199280a1c2ff307f1989748f16dc2cb9eec273537baaf45e4b7a883ca06c_640.png)

[![타이틀](링크)](링크)
이렇게 응용하면 이미지 클릭시 링크로 이동한다.

9. 코드(Code)

인라인코드

블럭 코드
`인라인코드`

```사용언어
블럭 코드
```


  • 이외에 원시 HTML과 표 등이 있었는데, 벨로그의 정리를 하면서 사용하게 되면 추가로 작성할 예정이다.

  • 이미지나 링크를 참조링크로 나타내는 경우가 있다. 나는 코드나 텍스트를 주로 사용할텐데, 웹 분야를 올리게 되면 사이트 사진을 참조의 형태로 해볼 예정이다.

참조를 사용하는 이유(이점)

  1. 가독성
  2. 관리 용이성
  3. 재사용성
  4. 유연성
profile
A Curious Developer

0개의 댓글