전체화면
편집기
파일 열기
샘플 불러오기
비우기
복사
미리보기

마크다운 미리보기

굵게, 기울임, 취소선, 인라인 코드

목록

  • 항목 1
  • 항목 2
    • 중첩 항목
  1. 순서 있는 항목
  2. 두 번째 항목

코드 블록

const hello = "world";

인용문 블록

링크


헤더1헤더2
셀1셀2
광고 영역

마크다운 미리보기

마크다운 미리보기란 무엇인가요?

마크다운 미리보기는 마크다운 문법으로 작성된 텍스트를 실제 웹 페이지나 문서에서 어떻게 보이는지 실시간으로 시각화해 주는 무료 온라인 도구입니다. 사용자가 복잡한 HTML 코드를 작성하지 않고도 간결한 문법을 통해 서식이 적용된 문서를 디자인할 수 있도록 돕습니다.

이 도구는 표준 마크다운 문법뿐만 아니라 GFM을 지원하여 표, 작업 목록 등 확장된 서식도 완벽하게 처리합니다. 별도의 프로그램 설치 없이 웹 브라우저상에서 즉시 작동하며, 작성된 내용을 .md 파일이나 PDF 문서로 즉시 내보낼 수 있어 문서 작업의 효율성을 극대화합니다. 작가, 개발자, 기술 문서 편집자 및 학생들에게 특히 유용합니다.

주요 기능 및 예시

이 도구는 텍스트 편집과 서식 적용을 위한 다양한 옵션을 제공합니다. 각 기능은 툴바의 버튼이나 단축키를 통해 즉시 실행할 수 있습니다.

  • 실시간 미리보기: 입력창에 마크다운을 작성하는 즉시 오른쪽 화면에 렌더링된 결과를 표시합니다.
    • 예시: # 제목 입력 시 즉시 큰 제목 서식으로 변환되어 출력됩니다.
  • 텍스트 강조: 굵게, 기울임, 취소선, 밑줄 등 텍스트의 스타일을 지정합니다.
    • 예시: *중요**중요, ~~삭제~~삭제
  • 코드 블록 및 인라인 코드: 프로그래밍 코드나 터미널 명령어를 구분하여 표시합니다.
    • 예시: js ... 입력 시 구문 강조가 적용된 코드 상자가 생성됩니다.
  • 링크 및 이미지 삽입: 외부 웹사이트 연결이나 이미지 경로를 삽입합니다.
    • 예시: [Google] → 클릭 가능한 링크로 변환
  • 구조적 요소: 제목, 인용구, 목록(순서형/비순서형), 구분선 등을 추가합니다.
    • 예시: > 인용 → 들여쓰기가 적용된 인용문 블록 생성
  • 표 및 체크리스트: 복잡한 데이터 구조나 할 일 목록을 생성합니다.
    • 예시: 완료 → 체크된 상자가 있는 목록 생성
  • PDF 및 MD 내보내기: 작성된 문서를 PDF 파일로 변환하거나 마크다운 파일(.md)로 저장합니다.

마크다운 미리보기 사용 방법

  1. 텍스트 입력 및 파일 불러오기: 왼쪽 편집기 창에 마크다운 문법으로 내용을 직접 입력합니다. 기존에 작성된 파일이 있다면 '열기' 버튼을 눌러 .md 파일을 불러올 수 있습니다.
  2. 서식 적용 및 편집: 상단 툴바의 아이콘을 클릭하거나 단축키를 사용하여 원하는 서식을 적용합니다. '분할', '편집', '미리보기' 탭을 전환하며 작업 환경을 조정할 수 있습니다.
  3. 결과 확인 및 저장: 오른쪽 미리보기 화면에서 최종 형태를 확인합니다. 작업이 완료되면 '↓ MD' 버튼으로 텍스트 파일을 저장하거나, '↓ PDF' 버튼을 눌러 문서를 PDF 형식으로 내려받습니다.
광고 영역