마크다운 작성법 A to Z

소혜 (Sohye)
xohxe (김소혜)· July 25, 2023

마크다운은 기본 문법만 알고있으면 쉽게 작성가능한 마크업 언어이며,
무엇보다 다양한 플랫폼에서 지원하고 있어 콘텐츠를 타 사이트로도 변형없이 이동가능하다는 것도 장점이다.

더 상세하게 알고싶다면 공식문서인 Markdown Guide를 보시는 것을 추천드리며, 사실상 내가 보기위해 작성한 마크다운 관련 포스팅으로 오류가 있다면, 언제든지 댓글로 피드백 부탁드립니다.

마크다운 사용법

헤더

COPY
# This is a H1
## This is a H2
### This is a H3
#### This is a H4
##### This is a H5
###### This is a H6
####### This is a H7(지원하지 않음)

줄바꿈

문장 마지막에서 3칸 이상 띄어쓰기공백을 만들어주어야 줄바꿈됨.   
줄바꾸기 위해서는하이

3칸 이상 띄어쓰기( )를 해주어야 줄이 바뀐다.
줄 바꿈을 하기 위해서는 문장 마지막에서 3칸 이상을 띄어쓰기해야 한다.

표 만들기

COPY
|제목|내용|설명|
|------|---|---|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|
|테스트1|테스트2|테스트3|
제목 내용 설명
테스트1 테스트2 테스트3
테스트1 테스트2 테스트3
테스트1 테스트2 테스트3
  • 헤더없이 만드는 방법?

토글기능

마크다운 자체엔 토글기능이 없어, html 의 details를 이용합니다.

COPY
<details>
  <summary>접기/펼치기 버튼</summary>
  <div markdown="1">

  |제목|내용|
  |--|--|
  |1|1|
  |2|10|

  </div>
</details>
접기/펼치기 버튼
제목 내용
1 1
2 10

참고문서

다음 게시물
Gatsby 기술블로그 작업과정
이전 게시물
Gatsby로 블로그를 구축한 이유

© 2023 - 2024 xohxe. All Rights Reserved.