Markdown 정리

LOOPY·2021년 7월 31일
0
post-thumbnail

💬 사실 벨로그 처음 쓸 때 엄청 어려웠고 많이 헤맸다 .. 매번 그때그때 필요한 것들 찾아보면서 언젠가 '마크다운'에 대해서 강의를 듣던 정리 한 번 해봐야지! 했는데 미뤄뒀다가 이제야 합니다 ~~ 😏 앞으로 조금 더 퀄리티 있는 블로그와 README 파일을 쓸 수 있는 사람이 되길 !

  • 장점 : 문법이 쉽고 간결, 관리 쉽고 지원 가능한 플랫폼 다양
    vs. 단점 : 표준이 없고 모든 HTML 마크업을 대신하진 못함
  • VS의 우상단 창분할+돋보기 아이콘으로 미리보기 지원
    (표준이 없기 때문에 출력되는 곳에 따라 다를 수 있음 -> 참고용으로만!)

1. 문자

  • h1~h6 태그 : #(1~6개)+띄어쓰기
  • 줄바꿈 : 띄어쓰기 2번 = <br / >
  • 이텔릭체 : _이텔릭_
  • 두껍게 : **볼드**
  • _이텔릭+두껍게__ : **_이텔릭 볼드_**
  • 취소선 : ~~취소선~~
  • 밑줄 : <u>밑줄</u>

2. 삽입

  • 순서가 필요한 목록 : 무조건 1. 으로 시작 -> 알아서 번호 계산해줌

  • 순서가 필요하지 않은 목록 : 하이픈(-)

  • sub목록 : 들여쓰기 두 번

  • 링크 : <a href=”http://naver.com” title=”네이버로 이동” target=”_blank”>NAVER</a> -> [NAVER](http://naver.com “네이버로 이동”) -> [텍스트](링크 “타이틀”)
    // target="_blank" (새 창에서 열기)는 마크다운에서 적용 불가

  • 이미지 : ![대체텍스트](이미지링크) // 링크 앞에 느낌표

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

  • 인용문 : >인용문
    -> > 갯수에 따라 중첩 가능

  • 인라인 코드 : `code`

  • 블록 코드 : ```css code``` (🌟앞 백틱 다음에 언어 명시하기)
    +) 터미널은 bash, 개발언어 아니면 plaintext

  • 표 : 세로줄 | 가로줄 --

A | B | C
--|--|--
a | b | c

-> (기본 왼쪽정렬) 가운데정렬 :--: 우측정렬 --:

  • 수평선 : --- *** ___

🌟 u태그(underline) <span style=”text-decoration: underline;”> 처럼 마크다운에서 지원되지 않거나 불편한 방식을 원시 HTML 사용해 바꿀 수 있음!

profile
1.5년차 프론트엔드 개발자의 소소한 기록을 담습니다 :-)

0개의 댓글