마크다운(Markdown)은 "텍스트 편집기에서 일정 형식을 갖고 작성한 텍스트문서를 손쉽게 HTML로 컨버전 해주는 툴" 이라고 할 수 있다. John Gruber 라는 분이 2004년 경에 만든 툴인데, 그냥 자기 편하자고 만들어서 공개했더니 너무편해서 사람들이 많이 이용하게 된 케이스가 아닌가 생각된다. 구조화된 웹페이지를 문서를 만들때 HTML같은 마크업(markup) 언어는 작성해야하는 태그 분량이 너무 많아지는 경향이 있어서 이를 피하고자 이름도 반대로 마크다운(markdown) 이라고 지었다고 한다.
마크다운 형식을 개인적으로 벌써 6년 넘게 사용해오고있는데 스팀잇에서 기본편집기로 사용하고 있는것을 보니 감회가 새롭다. 코드를 작성하는 프로그래머들은 문법(syntax)이란 것에 익숙해서 좋아하지만, 그렇지 않은 일반인들에게 마크다운 문법을 몇번 알려줘 봤으나 다들 문법을 공부해야하는 쓸수있는 진입장벽을 넘지 못하고 포기하는것을 많이 봐왔다. 그러다보니 스팀잇에서 다들 많이 사용하는것을 보고 살짝 놀라기도 했다.
물론 간단한 글은 스팀잇의 작성창에서 바로 사용해도 되지만, 마크다운 편집기 프로그램을 사용하게 되면 제목, 강조, 링크 등을 편집할때 단축키를 사용해서 빠르게 포멧팅을 할 수 있고 작성창 옆에 미리보기 창을 나란히놓고 보면서 편집하면 훨씬 효율이 올라간다. 긴글을 쓸때는 파일로 저장하면서 소중한 글이 날아가지 않도록 저장도 할 수 있어서 안심이 된다.
써본 것들중에 가장 맘에드는 마크다운 편집기를 맥/윈도우 플랫폼별로 각각 하나씩 소개해보려 한다.
MacDown (for Mac)
MacDown은 안타깝게도 Mac용 밖에 없긴하지만 나는 맥용만 있으면 되기도 하고 내가 원했던 다음과 같은 핵심기능들이 다 있어서 완전 마음에 들었다.
- 커스텀 CSS를 이용해서 프리뷰 화면 마음대로 렌더링 가능
- scroll sync 기능
- 문법 하이라이트 기능(syntax highlight)
- extended markdown 문법 지원(표, 풋노트, 앵커 등)
- HTML output을 clipboard로 카피하는 익스포트 기능
아래 스샷에 볼 수 있듯이 내가 포스팅하고 있는 모든 글들이 전부 이 툴을 사용해서 작성되고 있는만큼 편리성은 내가 보장한다.
단축키 목록은 다음과 같다. 볼드체를 위해 사용하는 CMD+B 라던가, 링크를 걸때 사용하는 SHIFT+CMD+K 등을 매우 자주사용하게 된다.
MarkdownPad 2 (for Windows)
MarkdownPad은 윈도우쪽의 마크다운 편집기중 가장 유명하다. 기본적인 기능은 무료로 사용가능하기때문에 스팀잇에 포스팅하는 정도는 큰문제 없이 사용할 수 있다. 자동 저장이라던가 마크다운 테이블 등의 고급 기능들을 이용하기 위해서는 $14.95를 주고 구매해야 하는 점이 조금 아쉽지만, 무료버전만으로도 충분히 가치있는 편집기로 생각된다.
단축키 목록은 다음과 같다. 볼드체를 위해 사용하는 CTRL+B 라던가, 링크를 걸때 사용하는 CTRL+L 등을 매우 자주사용하게 된다.
Cheer Up!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
오오 typora 말고도 또 다른 프로그램이 있었군요! 좋은 정보 감사합니다. 알아보고 한 번 써봐야겠네요. ㅎㅎ 저는 요새 코딩 공부를 하고 있어요!! 나중에 더 성장해서 저도 개발자라는 타이틀을 써보고 싶네요. ㅎㅎ 팔로우 하고 갑니다!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
typora도 고급지고 좋아보이네요 한번 써봐야겠네요 ㅎㅎ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
오옷. 유용한 정보 감사합니다. 리스팀해갈게요^^
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
좋은 정보 고맙습니다^^
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
좋은 정보 감사하고, 리스팀합니다. ^^
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
우와~~~ 신세계를 알려주셨네요. markdown에 그런 배경이 있는줄은 전혀 몰랐습니다. 감사합니다.
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
좋은 정보! 리스팀하고 갑니다!
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
흐엉엉, 부러우면 지는거죠. 마크다운과 엄청 씨름했는데.
편집기에서 쓴걸 복사해서 스팀잇에 가져오면 출력이 또 달라지는 경우가 있었어서 그냥 몇개만 외워서 쓰고 있어요. 다시 도전해봐야겠어요! 👿👿
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
스팀잇이 아쉬운게 마크다운 라이터로 형광팬 기능(mark) 적용해도 스팀잇에는 적용이 안돼요...
색을 넣으려면 링크거는 방법뿐이네요 그러면 가독성도 떨어지고 ...
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
좋은정보 감사드립니다.
즐거운 한 주 되세요~
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit
저는 atom에 markdown 패키지를 별도 추가해서 사용하고 있습니다. 마크다운이 어색해서인지 아직 이미지 처리가 좀 어렵네요. (기존에 어디에다가 업로드를 하고 한번에 하는게 나은지 아니면 이미지를 제외하고 작성한뒤에 스팀잇에 업로드를 하는게 나은지 같은게 고민이 많이 되네요 ㅠㅠ
Downvoting a post can decrease pending rewards and make it less visible. Common reasons:
Submit