마크다운 뷰어/편집기

마크다운은 일반 텍스트로도 읽기 쉬우면서 제목, 굵은 글씨, 기울임, 목록, 링크, 코드 블록으로 제대로 렌더링되기 때문에, 서식 있는 문서 편집기를 거치지 않고도 README, 문서, 풀 리퀘스트 설명, 정적 사이트 블로그 글의 기본 형식이 되었습니다. 문제는 작은 문법 실수 하나로도 의도와 전혀 다르게 렌더링될 수 있다는 점입니다. 목록 앞의 빈 줄이 빠지거나, 열 수가 맞지 않는 표, 닫히지 않은 코드 블록이 그렇고, 원본 텍스트만 봐서는 알아채기 어렵습니다.

이 도구는 README와 풀 리퀘스트를 렌더링하는 것과 같은 GitHub 방식 마크다운 규칙으로 문서를 해석하고, 입력하는 즉시 원본 옆에 실제 렌더링 결과를 보여 줍니다. 파싱과 렌더링이 모두 브라우저 안에서 이루어지므로 작성 중인 문서, 비공개 메모, 아직 공개하지 않은 블로그 글이 기기 밖으로 나가지 않습니다. 렌더링된 HTML은 표시 전에 정화(sanitize)되므로, 원시 HTML이나 script 태그가 섞인 마크다운을 붙여넣어도 브라우저에서 아무것도 실행되지 않고 코드가 아닌 단순 내용으로 처리됩니다.

서식 도구 모음이 알맞은 문법을 대신 넣어 줍니다. 굵게, 기울임, 제목, 링크, 이미지, 순서 있는/없는 목록, 인용, 인라인 또는 블록 코드, 표, 가로줄을 지원하므로 표 머리글이나 참조형 링크처럼 자주 쓰지 않는 요소의 문법을 외울 필요가 없습니다. 필요한 화면 공간에 따라 분할, 편집기만, 미리보기만 보기를 전환할 수 있고, 분할 보기에서는 두 창이 함께 스크롤되어 원본의 어느 부분이 결과의 어느 부분인지 놓치지 않습니다.

작업을 마치면 원본 마크다운이나 렌더링된 HTML을 클립보드로 복사하거나 바로 쓸 수 있는 `.md` 또는 `.html` 파일로 내려받으세요. 문서 하나를 미리 보는 데 그치지 않고 두 버전을 비교하려면 텍스트 비교 도구가 바뀐 부분을 정확히 표시해 주고, 완성된 글의 단어 수와 읽는 시간을 확인하려면 글자 수 세기 도구가 다음 단계로 알맞습니다.