마크다운 주요 문법 정리

고럭키·2020년 12월 23일
0

공부한 것을 정리하는 방법으로 기존에는 github에 TIL repository를 이용했었다. 그리고 지금부터는 velog에 공부한 것을 정리해나가려 한다 ! ( 화이팅..🔥 )

두 방법 모두 markdown을 이용하여 글을 작성했다. 이 참에 앞으로 헷갈리는 것이 있을 때 다시 구글링 할 것이 아니라 내 글을 보자는 마음가짐으로 마크다운 주요 문법을 정리해보고자 한다 !

내가 자주 사용하는 것 위주로 우선 작성해보고, 앞으로 새롭게 구글링하게 된 것들을 추가하고자 한다 !

제목

# 1개부터 6개까지 이용해서 표현할 수 있다.
1개와 2개로 표현하는 가장 큰 제목 두 개는 아래에 가로선으로 강조된다.

강조

  • 이탤릭체 : _ ( 언더바 ) 를 앞뒤에 붙여 사용한다. ex ) 예시
  • 두껍게 : __ ( 언더바 ) 두 개를 앞뒤에 붙여 사용한다. ex ) 예시
  • 취소선 : ~~ ( 물결표시 ) 두 개를 앞뒤에 붙여 사용한다. ex ) 예시
  • 밑줄 : \\ 태그를 통해 사용한다. ex ) 예시
    ( 위의 것들은 모두 같이 사용 가능하다. )

리스트

  • 순서가 필요한 목록 : 숫자로 표현한다.
  • 순서가 필요하지 않은 목록 : - ( 대시 ), * ( 별 ), + ( 더하기 ) 로 표현한다.
  • 서브 목록 : Tab ( 들여쓰기 ) 로 표현한다.

링크

  • 일반 링크 : [ 보여지는 글자 ]( 실제 링크 )
  • 링크 설명 : [ 보여지는 글자 ]( 실제 링크 "링크 설명 - Mouse On 시에 나타나는 문구")
  • 상대 참조 : [ 보여지는 글자 ]( 상대 주소 ex > \users\login )
  • 참조 태그 : [ 보여지는 글자 ][ 참조 태그 ]
    [ 참조 태그 ] : 실제 링크
  • 일반적인 URL : \< 실제 링크 >
  • 문서 내 링크 : [ 보여지는 글자 ]( #이동할 제목 이름 )

이미지

위의 링크 방식과 유사하다. 단지, 앞에 ! 가 붙는다.

  • 일반 이미지 : ![ 대체 텍스트 ]( 이미지 링크 )

  • 이미지 설명 : ![ 대체 텍스트 ]( 이미지 링크 "이미지 설명 - Mouse On 시에 나타나는 문구")

  • 이미지 참조 태그 : [ 보여지는 글자 ][ 참조 태그 ]

    [ 참조 태그 ] : 실제 이미지 링크

  • 이미지와 링크 중첩 가능 > 이미지에 링크를 다는 결과가 된다.

코드

```를 적고 코드 종류를 적고, 다시 ```로 닫아 사용한다.

  • 코드 종류 예시 : javascript, python, bash 등

테이블

  • | 문자로 열을 구분한다.
  • --- 문자로 헤더를 구분한다.
  • : 문자로 정렬을 표현한다.
    • 왼쪽 정렬 : :---
    • 오른쪽 정렬 : ---:
    • 가운데 정렬 : :---:

인용문

  • > 를 사용하여 표현한다.
  • 중복하여 사용하면 중첩 인용문을 표현한다.

가로선

  • --- ( 대시 ), *** ( 별 ), ___ ( 언더바 ) 각 기호를 세 개 이상 입력하여 표현한다.

0개의 댓글