마크다운 문법

jiyoung1220·2021년 5월 5일
0

개발 기초 다지기

목록 보기
1/3

마크다운 문법에 대해서 공부하고 그 내용을 적어보고자 한다.
마크다운의 문법에 대해서 공부하려면 우선, 마크다운이 무엇인지부터 알아야 한다.

Markdown은 텍스크 기반의 마크업 언어이며 가장 접하기 쉬운 마크다운 문서는 GitHub의 README.md 이다. 그리고 마크다운의 특징은 아래와 같다.

(장점)
1. HTML 및 다양한 형태로 변환 가능
2. 빠르게 작성하고 직관적으로 인식 가능
3. 텍스트로 저장되므로 용량이 적어 보관에 용이하고, 버전관리시스템을 이용하여 변경이력 관리 가능
4. 다양한 프로그램, 플랫폼 지원

(단점)
1. 표준이 없고, 그래서 도구에 따라 변환방식, 생성물이 다르다.
2. 모든 HTML 마크업을 대신하진 못한다.

간단하게 마크다운이 무엇인지에 대해 알아보았고, 그렇다면 이러한 마크다운을 어떻게 쓰는지 마크다운의 문법에 대해서 알아보고자 한다.

1. 헤더

(#1개~6개)

큰 제목

작은 제목

제일 작은 제목

2. 블록 인용(BlockQuote)

">", "> >", "> > >" 사용

첫번째 블록인용

두번째 블록인용

세번째 블록인용

다른 마크다운 요소 포함 가능

헤더 문법

  • ABC

3. 목록

  1. 어떤 번호를 입력해도 내림차순 정리

글머리 기호 *, +, - 지원

  • 혼합
    • 가능
      • 하위 항목은 띄어쓰기 두번 하고 써야함

4. 코드

4개의 공백 or 한번의 들여쓰기

this is a code block

다만 시작하기 전 한 줄 띄어쓰지 않으면 인식오류날 수 있다.

코드블럭 이용 방식
1. <"pre"><"code">{code}<"/code"><"/pre">
(""는 제외하고)


public class BootSpringBootApplication {
  public static void main(String[] args) {
    System.out.println("Hello, Honeymon");
  }

}

  1. 코드블럭코드("```") 이용
public class BootSpringBootApplication {
  public static void main(String[] args) {
    System.out.println("Hello, Honeymon");
  }
}

-> 깃헙에선 "```" 시작점에 사용 언어 선언으로 문법강조 가능

public class BootSpringBootApplication {
  public static void main(String[] args) {
    System.out.println("Hello, Honeymon");
  }
}

5.수평선

페이지 나누기 용도
"* * *", 별 세개나 다섯개 붙여서 사용



"- - -"
"----------------"

6. 링크

  • 참조링크
    "[링크 키워드][id]
    ~~본문-----
    [id] : URL "제목" "
    ex>
    Link : ["Google"]["googlelink"]
    ~본문~
    ""["googlelink"]": http://google.com "Go google""

를 ""빼고 작성하면 아래와 같이 된다.
Link : Google
~본문~

7. 강조

앞뒤 * 기울기
앞뒤 _ 기울기
앞뒤 ** 굵게
앞뒤 __ 굵게
앞뒤 ~~ 취소선

  • 문장 중간에 사용할 경우엔 띄어쓰기 사용

8. 이미지

  • 웹상의 이미지만 첨부 가능.

![사진 제목](사진 주소, "사진 이름")
-> 여기서 사진 이름은 사진에 커서를 올렸을때 나타나는 이름이다. 생략가능.
[ ![사진제목](사진주소,"사진 이름") ]"(링크)" 형식으로 이미지에 링크 연결 가능.

  • 사이즈조절은 "<" img width="" height="" ">""<"/img">"을 이용

참고 : https://gist.github.com/ihoneymon/652be052a0727ad59601


9. 여러번 띄어쓰기

  1. 전각 공백 ( ) < 한국 키보드에서 입력 불가하므로 괄호안 복사하여 사용

  2. & nbsp; =   Non-breaking space의 약자
    :=     160;

10. 번외 - 이모지 모음

https://www.webfx.com/tools/emoji-cheat-sheet/

profile
갓 개발공부를 시작하여 열심히 기초를 다지는 중입니다.

0개의 댓글