AI 요약
Visual Studio Code에서 마크다운 문서를 작성할 때 편집기와 미리보기 화면을 번갈아 확인해야 하는 번거로움을 해결하기 위해 'Markdown Live Editor' 확장 기능이 등장했습니다. Jun Ishii가 개발한 이 오픈소스 프로젝트(MIT 라이선스)는 Milkdown 라이브러리를 기반으로 실시간 WYSIWYG(보는 대로 출력되는) 편집 환경을 제공합니다. 단순히 텍스트를 입력하는 것을 넘어 표, Mermaid 다이어그램, KaTeX 수식, GitHub 스타일의 알림 등 복잡한 요소들을 렌더링된 상태에서 직접 수정할 수 있는 것이 핵심입니다. 슬래시 명령어나 선택 툴바와 같은 사용자 친화적인 편집 보조 기능을 통해 생산성을 높였으며, 기존 VS Code의 기본 미리보기보다 더욱 풍부한 표현력을 자랑합니다. 특히 GitHub Flavored Markdown(GFM)을 완벽히 지원하여 개발자들이 GitHub용 문서를 작성하는 데 최적화된 환경을 선사합니다.
핵심 인사이트
- 최신 버전 및 호환성: 2026년 3월 30일에 업데이트된 버전 0.5.1을 기준으로 윈도우 11 환경에서 정상 동작이 확인된 프리웨어입니다.
- 오픈소스 및 라이선스: Jun Ishii 씨가 배포한 MIT 라이선스 기반 프로젝트로, Visual Studio Marketplace에서 무료로 다운로드할 수 있습니다.
- 양방향 동기화 기술: Milkdown 라이브러리를 활용하여 소스 파일과 비주얼 에디터의 내용이 실시간으로 상호 반영됩니다.
- GFM 표준 지원: GitHub Flavored Markdown(GFM)을 지원하여 표, 태스크 리스트, 취소선, 각주 등 GitHub 고유의 마크다운 형식을 그대로 사용할 수 있습니다.
주요 디테일
- 고급 렌더링 지원: Mermaid 기법의 다이어그램과 KaTeX 기반의 수식(인라인 및 블록) 표현을 지원하여 기술 문서 작성의 편의성을 높였습니다.
- 코드 하이라이팅: highlight.js를 내장하여 프로그래밍 언어를 자동으로 인식하고 구문을 강조해 줍니다.
- 생산성 도구: '/' 키로 호출하는 슬래시 명령어와 텍스트 선택 시 나타나는 툴바를 통해 제목, 리스트, 코드 블록 등을 빠르게 삽입하고 서식을 지정할 수 있습니다.
- 문서 내비게이션: 익스플로러 뷰에 제목 계층을 표시하는 '아웃라인 패널'과 섹션 접기 기능을 통해 긴 문서도 쉽게 관리할 수 있습니다.
- 시각적 요소 관리: 상대 경로로 참조된 로컬 이미지를 실시간으로 표시하며, 사용자 정의 CSS를 통해 렌더링 스타일을 개인화할 수 있습니다.
향후 전망
- VS Code 내에서 노션(Notion)과 유사한 직관적인 편집 환경을 선호하는 사용자 층을 빠르게 흡수할 것으로 보입니다.
- GitHub과의 높은 호환성을 바탕으로 개발자들의 리드미(README.md) 및 오픈소스 문서화 작업 효율이 대폭 개선될 전망입니다.