무료 마크다운 편집기 찾기, 타이포라 유료화 무료 베타버전 사용 기간 만료 후 Visual studio code 이용 후기와 셋팅
티스토리 글 작성을 할 때 이전에는 메모장에서 작성하고 블로그로 옮기는 작업을 했었는데요. 새 에디터로 변경되면서 메모장의 글을 새로운 티스토리 에디터에 복사하면 html에서 이상한 소스같은 것이 붙어 원하는 글을 작성하는데 수정하는 과정이 필요하여 마크다운 편집기를 사용하고 있었습니다.
이전글
☞ 타이포라(typora) 사용 후기, 문법 사용이 쉽고 표 작성도 쉬움
☞ 타이포라 폰트 설정 바꾸는 방법
마크다운 문법을 알아두면 메모장보다 편리하게 강조하고자 하는 <b> 태그나 링크까지 적용할 수 있고, 표 만들기도 수월한데요.
타이포라를 사용하던 도중 마크다운 파일 (md)을 실행하려고 하니 갑자기 새로운 버전의 타이포라가 필요하다는 메세지와 함께 14.99 달러의 유료 타이포라 구입 페이지가 나왔습니다. 타이포라는 편리한 마크다운 에디터이긴해서 결제를 고민해봤었는데요. 결제까지 하면서 사용해야할까 싶기도 해서 마크다운 무료 에디터가 있을지 한번 검색해보았습니다.
무료 마크다운 에디터 중 Visual studio code (vs code)를 발견했습니다.
html, cs, js를 비롯하여 다양한 코드를 작성하는 에디터인 것 같네요. 현재 무료로 제공되고 있는데, 마이크로소프트사의 무료 소스 코드 편집기입니다.
https://visualstudio.microsoft.com/ko/downloads/
마이크로소프트 Visual studio code로 검색하면 다운받으실 수 있습니다.
Visual Studio code 마크다운 편집기로 이용하기 위한 셋팅
다양한 소스를 편집할 수 있기 때문에 실행 후 타이포라처럼 바로 마크다운 전용 에디터로 사용할 수 있는 것은 아닙니다.
몇가지 셋팅이 필요합니다. VS CODE 설치 후 좌측에 확장 아이콘을 선택하고, "Markdown"을 검색하여 플러그인을 설치해야합니다.
- Markdown All in One
- Markdown Shortcuts
위의 확장 프로그램을 추가하고, md 확장자 파일에서 마크다운 문법을 사용할 수 있습니다.
마크다운 파일을 만드는 방법은 아무 새 파일을 만든 다음에 저장을 할 때 markdown 파일로 저장하시면 됩니다.
md 파일을 불러온 뒤 마크다운 문법으로 글을 작성하면 됩니다. 미리 보기 기능도 제공하고 있습니다.
Vs code로 마크다운 글 작성 후기
오늘 바로 사용해본 것인지라 기능을 전부 알고 사용하고 있지는 않습니다. 일단 마크다운으로 글 작성을 하면서 바로 실시간으로 미리보기가 가능하게 셋팅하는 것까지는 쉽게 할 수 있었습니다.
배경색을 변경하는 방법도 간단합니다.
[파일] - [기본설정] - [색 테마]를 선택한 뒤 배경 색상을 변경할 수 있습니다.
타이포라에서 편리했던 부분은 표를 바로 만들 수 있는 부분인데요. vs code에서도 비슷한 기능을 지원하는지 한번 찾아봐야할 것 같네요. md 파일을 열고 편집하는데 문제가 없었습니다.
언뜻 찾아보니, toc도 자동으로 만들어주는 기능도 있는 것 같아서 티스토리 모바일 버전 스킨을 사용하는 경우 js이 적용되지 않아 일일히 html에 내부 링크를 걸어줘야하는 부분까지도 해결될 수 있을 것 같아 유용해보입니다.