·2분 읽기
마크다운 미리보기 — 문법 정리와 실시간 에디터 추천
마크다운 미리보기 방법과 핵심 문법을 정리했어요. VSCode, 온라인 에디터 등 실시간 미리보기가 가능한 도구도 추천해요.
📄
마크다운 미리보기 바로 사용하기
마크다운을 실시간으로 미리보기하세요
→
마크다운이 뭔가요?
마크다운(Markdown)은 텍스트를 서식 있는 문서로 변환하는 경량 마크업 언어예요. # 붙이면 제목, ** 감싸면 굵은 글씨가 되는 거죠.
GitHub README, 노션, 블로그 등에서 널리 쓰여요. 한 번 배우면 어디서든 쓸 수 있어서 개발자가 아니어도 알아두면 유용하거든요.
HTML보다 훨씬 간단하고 직관적이에요. 5분이면 핵심 문법을 다 배울 수 있어요.
핵심 마크다운 문법 정리
제목: # 하나면 h1, ## 두 개면 h2, ### 세 개면 h3이에요. 최대 6단계까지 가능해요.
굵은 글씨: **텍스트** 또는 __텍스트__로 감싸면 돼요.
기울임: *텍스트* 또는 _텍스트_예요.
취소선: ~~텍스트~~로 감싸면 돼요.
목록: - 또는 * 로 시작하면 불릿 목록, 1. 2. 3. 으로 시작하면 번호 목록이에요.
링크: [표시할 텍스트](URL) 형식이에요.
이미지:  형식이고요.
코드: 인라인은 백틱(`)으로 감싸고, 코드 블록은 백틱 3개(```)로 감싸면 돼요.
마크다운 미리보기 도구 추천
VSCode에서 Ctrl+Shift+V를 누르면 마크다운 미리보기가 열려요. Ctrl+K V를 누르면 옆에 나란히 표시돼요. 별도 설치 없이 바로 사용 가능하거든요.
온라인 도구로는 [Toolkio 마크다운 미리보기](/markdown-preview)가 있어요. 브라우저에서 바로 쓸 수 있고, 실시간으로 결과가 표시돼요.
노션이나 Obsidian도 마크다운 기반이에요. 노트 앱을 쓰고 있다면 이미 마크다운을 쓰고 있는 거예요.
Typora는 WYSIWYG 방식이라 작성하면서 바로 결과가 보여요. 마크다운에 익숙하지 않은 분에게 추천해요.
마크다운 활용 팁
표(Table) 만들기: 파이프(|)와 하이픈(-)으로 표를 만들 수 있어요. | 이름 | 나이 | 이런 식으로요.
체크박스: - [ ] 와 - [x] 로 할 일 목록을 만들 수 있어요. GitHub 이슈에서 자주 쓰이거든요.
인용구: > 로 시작하면 인용 블록이에요. 중요한 내용을 강조할 때 유용해요.
수평선: --- 또는 *** 로 구분선을 넣을 수 있어요.
마크다운 문서를 PDF로 변환하고 싶다면 VSCode의 Markdown PDF 확장이나 pandoc을 사용하세요.