마크다운(markdown) 에디터

블로그팁 | 2009/08/13 14:06 | Posted by drchoi

블로그 글쓰기 과정은 html 태그의 연속이다. 그러나 우리는 이러한 과정을 WYSIWYG 에디터를 통해 쉽게 구현한다.

마크다운 편집기

마크다운 편집기는 복잡한 html 태그를 간단한 마크다운(Markdown) 언어를 통해 구현함으로써 쉽게 사용할 수 있도록 해주는 웹에디터이다. 기존 블로그 에디터로 많이 사용되는 WYSIWYG(What You See is What You Get) 에디터는 복잡한 html 태그를 알기 쉽게 구현해주기는 하지만 html 태그를 구체적으로 구현하는데는 한계가 있다. 그래서 html 편집기로 전환해서 일일히 html태그를 삽입하는 귀찮은 과정을 통해야한다. 그러나 마크다운 편집기를 사용하면 글을 쓰면서 간단한 명령어를 바로 삽입함으로써 바로 html 태그를 구현할 수 있어 글쓰기의 연속성을 유지할 수 있는 장점이 있다.


특히 h1 태그나 문단의 구성은 블로그 글 작성시 검색엔진 최적화(SEO) 의 중요 요소이지만 WYSIWYG 에디터에서는 구현하기가 상당히 번거롭다. WYSIWYG 에디터는 문단을 구성하기 위해서는 엔터시 br 태그가 표현되기 때문에 p태그로 바꿔줘야하나 마크다운 편집기에선 p 태그를 바로 구현할 수 있다. 그리고 WYSIWYG 에디터에서 h1를 구현하기 위해서는 일일히 html 편집기로 전환해서 h1 태그를 입력해 줘야 하는 경우가 발생한다.


마크다운 편집기는 wiki 처럼 일정 규칙의 html 수행 명령어들을 익혀야 하는 불편함이 있지만 일단 명령어를 익혀두면 html 태그를 어렵지 않게 구현할 수 있다는 점에서 매력적인 웹에디터 양식이라 할 수 있다. 블로그에서 글쓰기를 하면서 여러가지 형식의 html 태그를 쉽게 사용하고 싶다면 익혀둘만한 웹에디터이자 언어라 할 수 있다.



참조링크

html을 모르면 마크다운을 사용하자.

마크다운의 고급활용

마크다운 영문설명및 다운로드

마크다운 웹에디터

아직은 마크다운에 대해서 좀 더 공부를 해봐야 하겠지만 일단 간단 요약 정리해 둔다. (이 글은 마크다운 웹에디터를 이용해 작성하고 복사 붙이기를 통해 완성한 글이다.)

설치형 텍스트큐브나 워드프레스는 마크다운 편집기 플러그인을 제공한다.  티스토리에도 이런 플러그인 하나 생기면 좋을 것 같다.
 
이 블로그는 더 이상 업데이트 하지 않습니다. 질문이나 기타 문의 사항은 DRCHOI BLOG 시즌 2를 방문해 주세요.
DRCHOI BLOG 시즌 2
DRCHOI BLOG 편하게 보기
Google Reader or Homepage

댓글을 달아 주세요

  1. Favicon of http://joogunking.tistory.com/ joogunking 2009/08/16 09:36  댓글주소  수정/삭제  댓글쓰기

    좋은 정보 감사합니다. 한가지 질문이 있는데요.
    글 작성시 br태그 대신 p태그를 사용하는 이유가 무엇인가요?
    저는 보기가 좋아서 br태그를 주로 사용하는데 말입니다.

    • Favicon of http://drchoi.or.kr drchoi 2009/08/17 09:50  댓글주소  수정/삭제

      p 태그는 동일주제로 문단을 묶어주기 때문에 글쓰기의 효율성 면이나 읽는 사람에게 글 주제를 파악하기 용이하게 해주는 장점이 있습니다. 즉 br 태그를 이용해 글을 쓰면 웹상에서 보이는 글이 좀 산만해 보이지만 p태그를 이용하면 동일 주제별로 문단이 묶이기 때문에 글의 집중도를 높여줄 수 있습니다..^^;