마크다운 에디터 & 미리보기

마크다운 문법 소스를 좌측에 작성하면 우측 화면에 실시간 컴파일되어 웹 페이지 최종 렌더링 형상으로 보여집니다. 가공된 코드를 HTML 스니펫으로 변환 추출할 수도 있습니다.

마크다운 소스 입력

마크다운 규격에 맞춰 본문을 서술하세요.

실시간 렌더링 결과

작성하신 코드의 결과물 화면입니다.

마크다운 규격 및 문법 퀵 가이드

마크다운 작성 시 가장 핵심이 되는 문법 요약 정리입니다.

1. 기본 구조 타이핑 가이드

  • 제목(Headers): 행의 맨 앞머리에 #을 개수별로 기입합니다. (예: # 1단계 제목, ## 2단계 제목)
  • 강조(Emphasis): 볼드체는 **텍스트**, 기울임꼴은 *텍스트* 또는 _텍스트_로 감쌉니다.
  • 리스트(Lists): 비순차 리스트는 행 시작에 - 또는 *을 붙이고, 순차 리스트는 1. 형태의 번호 표기를 붙입니다.
  • 링크 및 이미지: 링크는 [텍스트](이동할 주소), 이미지는 앞에 느낌표를 추가해 ![대체 텍스트](이미지 주소) 형태로 기술합니다.

2. 코드 및 인용구

행 본문 내 일시적인 명령어 표기는 백틱 기호 1개(`code`)로 감싸고, 다량의 프로그램 코드 스니펫 영역을 별도로 지시하고자 할 때는 백틱 3개(```)로 상하부를 감싸 줍니다. 특정 도서의 원문을 지시하는 인용구 처리는 행의 시작 지점에 > 기호를 입력해 줍니다.