기능

VMark는 현대적인 글쓰기 워크플로우를 위해 설계된 기능이 풍부한 마크다운 에디터입니다. 다음은 포함된 기능들입니다.

에디터 모드

리치 텍스트 모드 (WYSIWYG)

기본 편집 모드는 진정한 "보이는 대로 얻는" 경험을 제공합니다:

• 타이핑하면서 실시간 서식 미리보기
• 커서 호버 시 인라인 문법 표시
• 직관적인 툴바와 컨텍스트 메뉴
• 원활한 마크다운 문법 입력

소스 모드

전체 구문 강조와 함께 원시 마크다운 편집으로 전환합니다:

• CodeMirror 6 기반 에디터
• 완전한 구문 강조
• 친숙한 텍스트 에디터 경험
• 고급 사용자에게 적합

F6으로 모드를 전환합니다.

소스 미리보기

WYSIWYG 모드를 벗어나지 않고 단일 블록의 원시 마크다운을 편집합니다. F5를 눌러 커서 위치의 블록에 대한 소스 미리보기를 엽니다.

레이아웃:

• 블록 유형 레이블과 동작 버튼이 있는 헤더 바
• 블록의 마크다운 소스를 보여주는 CodeMirror 에디터
• 원래 블록이 흐릿한 미리보기로 표시됨 (실시간 미리보기가 켜져 있을 때)

컨트롤:

동작	단축키
변경사항 저장	Cmd/Ctrl + Enter
취소 (되돌리기)	Escape
실시간 미리보기 토글	눈 아이콘 클릭

실시간 미리보기:

• 꺼짐 (기본값): 자유롭게 편집, 저장 시에만 변경사항 적용
• 켜짐: 타이핑하면서 즉시 변경사항 적용, 미리보기가 아래에 표시

제외된 블록: 일부 블록은 자체 편집 메커니즘이 있어 소스 미리보기를 건너뜁니다:

• 코드 블록 (Mermaid, LaTeX 포함) — 더블 클릭으로 편집
• 블록 이미지 — 이미지 팝업 사용
• 프론트매터, HTML 블록, 수평선

소스 미리보기는 시각적 에디터에 머물면서 정밀한 마크다운 편집 (표 문법 수정, 목록 들여쓰기 조정)에 유용합니다.

멀티 커서 편집

여러 위치를 동시에 편집합니다 — VMark는 WYSIWYG 및 소스 모드 모두에서 완전한 멀티 커서를 지원합니다.

동작	단축키
다음 일치에 커서 추가	Mod + D
일치 건너뛰고 다음으로 이동	Mod + Shift + D
모든 항목 선택	Mod + Shift + L
위/아래에 커서 추가	Mod + Alt + 위/아래
클릭으로 커서 추가	Alt + 클릭
마지막 커서 실행 취소	Alt + Mod + Z
단일 커서로 축소	Escape

모든 표준 편집 (타이핑, 삭제, 클립보드, 탐색)이 각 커서에서 독립적으로 작동합니다. 관련 없는 섹션에서의 의도치 않은 편집을 방지하기 위해 기본적으로 블록 범위로 제한됩니다.

자세히 알아보기 →

자동 쌍 및 탭 탈출

여는 괄호, 따옴표 또는 백틱을 입력하면 VMark가 닫는 쌍을 자동 삽입합니다. Tab 을 눌러 화살표 키를 누르는 대신 닫는 문자를 건너뜁니다.

• 괄호: () [] {}
• 따옴표: "" '' ` `
• CJK: 「」 『』 （） 【】 《》 〈〉
• 중괄호 따옴표: "" ''
• WYSIWYG의 서식 마크: 굵게, 기울임꼴, 코드, 취소선, 링크

쌍이 비어있을 때 Backspace는 두 문자를 모두 삭제합니다. 자동 쌍과 탭 괄호 점프는 모두 코드 블록 및 인라인 코드 내에서 비활성화 됩니다 — 코드의 괄호는 그대로 유지됩니다. 설정 → 에디터 에서 구성 가능합니다.

자세히 알아보기 →

텍스트 서식

기본 스타일

• 굵게, 기울임꼴, 밑줄, 취소선
• 인라인 코드, ==하이라이트==
• 아래첨자 및 위첨자
• 미리보기 팝업이 있는 링크, 위키 링크, 북마크 링크
• 인라인 편집이 가능한 각주
• HTML 주석 토글 (Mod + /)
• 서식 지우기 명령

텍스트 변환

서식 → 변환을 통해 텍스트 케이스를 빠르게 변경합니다:

변환	단축키
대문자	Ctrl + Shift + U (macOS) / Alt + Shift + U (Win/Linux)
소문자	Ctrl + Shift + L (macOS) / Alt + Shift + L (Win/Linux)
제목 케이스	Ctrl + Shift + T (macOS) / Alt + Shift + T (Win/Linux)
케이스 토글	—

블록 요소

• 단축키로 쉽게 조작 가능한 제목 1-6 (레벨 늘리기/줄이기: Mod + Alt + ]/[)
• 인용문 (중첩 지원)
• 구문 강조가 있는 코드 블록
• 순서 있는, 순서 없는, 작업 목록
• 수평선
• 완전한 편집 지원이 있는 테이블

강제 줄 바꿈

단락 내에서 강제 줄 바꿈을 삽입하려면 Shift + Enter를 누릅니다. VMark는 최대 호환성을 위해 기본적으로 두 칸 스타일을 사용합니다. 설정 > 에디터 > 공백 에서 구성합니다.

줄 작업

편집 → 줄을 통한 강력한 줄 조작:

동작	단축키
줄 위로 이동	Alt + 위
줄 아래로 이동	Alt + 아래
줄 복제	Shift + Alt + 아래
줄 삭제	Mod + Shift + K
줄 합치기	Mod + J
빈 줄 제거	—
줄 오름차순 정렬	F4
줄 내림차순 정렬	Shift + F4

테이블

완전한 기능의 테이블 편집:

• 메뉴 또는 단축키로 테이블 삽입
• 행과 열 추가/삭제
• 셀 정렬 (왼쪽, 가운데, 오른쪽)
• 드래그로 열 크기 조정
• 빠른 작업을 위한 컨텍스트 툴바
• 키보드 탐색 (Tab, 화살표, Enter)

이미지

포괄적인 이미지 지원:

• 파일 대화 상자를 통해 삽입
• 파일 시스템에서 드래그 앤 드롭
• 클립보드에서 붙여넣기
• 프로젝트 에셋 폴더에 자동 복사
• 컨텍스트 메뉴로 크기 조정
• 소스 경로, 대체 텍스트, 크기 편집을 위해 더블 클릭
• 인라인과 블록 표시 간 전환

비디오 및 오디오

HTML5 태그를 사용한 완전한 미디어 지원:

• 툴바 파일 선택기를 통해 비디오 및 오디오 삽입
• 에디터로 미디어 파일 드래그 앤 드롭
• 프로젝트 .assets/ 폴더에 자동 복사
• 클릭으로 소스 경로, 제목, 포스터 (비디오) 편집
• 개인 정보 보호 강화 iframe으로 YouTube 삽입 지원
• 이미지 문법 폴백: ![](file.mp4) 자동으로 비디오로 승격
• 유형별 색상 테두리가 있는 소스 모드 데코레이션
• 자세히 알아보기 →

특별 콘텐츠

정보 박스

GitHub 스타일 마크다운 알림:

• NOTE — 일반 정보
• TIP — 유용한 제안
• IMPORTANT — 핵심 정보
• WARNING — 잠재적 문제
• CAUTION — 위험한 작업

접을 수 있는 섹션

<details> HTML 요소를 사용하여 확장 가능한 콘텐츠 블록을 만듭니다.

수학 방정식

KaTeX 기반 LaTeX 렌더링:

• 인라인 수학: $E = mc^2$
• 디스플레이 수학: $$...$$ 블록
• 완전한 LaTeX 문법 지원
• 문법 힌트가 있는 유용한 오류 메시지

다이어그램

실시간 미리보기가 있는 Mermaid 다이어그램 지원:

• 플로우차트, 시퀀스 다이어그램, 간트 차트
• 클래스 다이어그램, 상태 다이어그램, ER 다이어그램
• 소스 모드의 실시간 미리보기 패널 (드래그, 크기 조정, 확대/축소)
• 자세히 알아보기 →

SVG 그래픽

```svg 코드 블록을 통해 원시 SVG 인라인 렌더링:

• 팬, 줌, PNG 내보내기가 가능한 즉시 렌더링
• WYSIWYG 및 소스 모드 모두에서 실시간 미리보기
• AI 생성 차트 및 사용자 정의 일러스트레이션에 이상적
• 자세히 알아보기 →

AI 지니

원하는 제공자를 선택할 수 있는 내장 AI 글쓰기 지원:

• 편집, 창의, 구조, 도구 등 네 가지 카테고리에 걸쳐 13개의 지니
• 검색 및 자유형 프롬프트가 있는 스포트라이트 스타일 선택기 (Mod + Y)
• 인라인 제안 렌더링 — 키보드 단축키로 수락 또는 거부
• CLI 제공자 (Claude, Codex, Gemini, Ollama) 및 REST API 지원

자세히 알아보기 → | 제공자 구성 →

검색 및 바꾸기

Mod + F로 찾기 바를 엽니다. 에디터 영역 상단에 인라인으로 표시되며 WYSIWYG 및 소스 모드 모두에서 작동합니다.

탐색:

동작	단축키
다음 일치 찾기	Enter 또는 Mod + G
이전 일치 찾기	Shift + Enter 또는 Mod + Shift + G
찾기에 선택 사용	Mod + E
찾기 바 닫기	Escape

검색 옵션 — 찾기 바의 버튼으로 토글:

• 대소문자 구분 — 정확한 문자 대소문자 일치
• 전체 단어 — 부분 문자열이 아닌 완전한 단어만 일치
• 정규 표현식 — 정규식 패턴 사용 (먼저 설정에서 활성화)

바꾸기:

찾기 바의 확장 꺽쇠를 클릭하여 바꾸기 행을 표시합니다. 대체 텍스트를 입력한 다음 바꾸기 (단일 일치) 또는 모두 바꾸기 (한 번에 모든 일치)를 사용합니다. 일치 카운터는 현재 위치와 전체 수를 표시합니다 (예: "3/12").

내보내기 옵션

VMark는 문서를 공유하기 위한 유연한 내보내기 옵션을 제공합니다.

HTML 내보내기

두 가지 패키징 모드로 독립형 HTML로 내보내기:

• 폴더 모드 (기본값): 하위 폴더에 에셋이 있는 Document/index.html 생성
• 단일 파일 모드: 이미지가 내장된 독립형 .html 파일 생성

내보낸 HTML에는 설정, 목차, 이미지 라이트박스 등에 대한 대화형 컨트롤이 있는 VMark Reader가 포함됩니다.

내보내기에 대해 자세히 알아보기 →

PDF 내보내기

기본 시스템 대화 상자 (Cmd/Ctrl + P)로 PDF에 인쇄합니다.

HTML로 복사

다른 앱에 붙여넣기 위해 서식 있는 콘텐츠를 복사합니다 (Cmd/Ctrl + Shift + C).

복사 형식

기본적으로 WYSIWYG에서 복사하면 클립보드에 일반 텍스트 (서식 없음)가 들어갑니다. 설정 > 마크다운 > 붙여넣기 및 입력 에서 마크다운 복사 형식을 활성화하면 대신 text/plain에 마크다운 문법이 들어갑니다 — 제목은 #를 유지하고, 링크는 URL을 유지합니다. 터미널, 코드 에디터 또는 채팅 앱에 붙여넣을 때 유용합니다.

CJK 서식

내장된 중국어/일본어/한국어 텍스트 서식:

• 20개 이상의 구성 가능한 서식 규칙
• CJK-영어 간격
• 전각 문자 변환
• 문장 부호 정규화
• 아포스트로피/프라임 감지가 있는 스마트 따옴표 쌍 맞춤
• 기술적 구조 보호 (URL, 버전, 시간, 소수점)
• 상황별 따옴표 변환 (CJK에는 중괄호, 라틴에는 직선)
• 커서에서 따옴표 스타일 토글 (Shift + Mod + ')
• 자세히 알아보기 →

문서 히스토리

• 구성 가능한 간격의 자동 저장
• 이전 버전 보기 및 복원
• JSONL 저장 형식
• 문서별 히스토리

보기 및 포커스

포커스 모드 (F8)

포커스 모드는 현재 편집 중인 블록을 제외한 모든 블록을 흐리게 하여 단일 단락에 집중할 수 있도록 시각적 노이즈를 줄입니다. 활성 블록은 전체 불투명도로 강조되고 주변 콘텐츠는 흐릿한 색상으로 바랩니다. F8로 토글합니다 — WYSIWYG 및 소스 모드 모두에서 작동하며 토글을 끄기 전까지 유지됩니다.

타이프라이터 모드 (F9)

타이프라이터 모드는 활성 줄을 뷰포트의 세로 중앙에 유지하여 문서가 아래로 스크롤되는 동안 눈이 고정된 위치에 머무르게 합니다 — 마치 실제 타이프라이터처럼. F9로 토글합니다. 두 편집 모드에서 모두 작동하며 커서 이동 시 흔들림을 방지하기 위해 작은 임계값이 있는 부드러운 스크롤을 사용합니다.

포커스 + 타이프라이터 조합

포커스 모드와 타이프라이터 모드를 동시에 활성화할 수 있습니다. 함께 사용하면 완전히 방해 없는 글쓰기 환경을 제공합니다: 주변 블록은 흐릿하고 현재 줄은 화면 중앙에 유지됩니다.

자동 줄 바꿈 (Alt + Z)

Alt + Z로 소프트 줄 바꿈을 토글합니다. 활성화하면 긴 줄이 가로로 스크롤하는 대신 에디터 너비에서 줄 바꿈됩니다. 설정은 세션 간에 유지됩니다.

텍스트 유틸리티

VMark에는 서식 메뉴에서 사용할 수 있는 텍스트 정리 및 서식 유틸리티가 포함됩니다:

텍스트 정리 (서식 → 텍스트 정리)

• 후행 공백 제거: 줄 끝의 공백 제거
• 빈 줄 축소: 여러 빈 줄을 하나로 줄이기

CJK 서식 (서식 → CJK)

내장된 중국어/일본어/한국어 텍스트 서식 도구. 자세히 알아보기 →

이미지 정리 (파일 → 사용하지 않는 이미지 정리)

에셋 폴더에서 고아 이미지를 찾아 제거합니다.

통합 터미널

여러 세션, 복사/붙여넣기, 검색, 클릭 가능한 파일 경로 및 URL, 컨텍스트 메뉴, 테마 동기화, 구성 가능한 폰트 설정을 갖춘 내장 터미널 패널. Ctrl + `로 토글합니다. 자세히 알아보기 →

자동 업데이트

VMark는 자동으로 업데이트를 확인하고 앱 내에서 다운로드 및 설치할 수 있습니다:

• 실행 시 자동 업데이트 확인
• 원클릭 업데이트 설치
• 업데이트 전 릴리즈 노트 미리보기

워크스페이스 지원

• 워크스페이스로 폴더 열기
• 사이드바의 파일 트리 탐색
• 빠른 파일 전환
• 최근 파일 추적
• 세션 간 창 크기 및 위치 기억

자세히 알아보기 →

사용자 정의

테마

다섯 가지 내장 색상 테마:

• White (깔끔하고 미니멀한)
• Paper (따뜻한 오프화이트)
• Mint (부드러운 녹색 계열)
• Sepia (빈티지 룩)
• Night (다크 모드)

폰트

다음에 대한 별도 폰트 구성:

• 라틴 텍스트
• CJK (중국어/일본어/한국어) 텍스트
• 모노스페이스 (코드)

레이아웃

다음을 조정합니다:

• 폰트 크기
• 줄 높이
• 블록 간격 (단락과 블록 사이의 간격)
• CJK 자간 (CJK 가독성을 위한 미묘한 간격)
• 에디터 너비
• 블록 요소 폰트 크기 (목록, 인용문, 테이블, 알림)
• 제목 정렬 (왼쪽 또는 가운데)
• 이미지 및 테이블 정렬 (왼쪽 또는 가운데)

키보드 단축키

설정 → 단축키에서 모든 단축키를 사용자 정의할 수 있습니다.

기술적 세부 사항

VMark는 최신 기술로 구축되었습니다:

구성 요소	기술
데스크톱 프레임워크	Tauri v2 (Rust)
프론트엔드	React 19, TypeScript
상태 관리	Zustand v5
리치 텍스트 에디터	Tiptap (ProseMirror)
소스 에디터	CodeMirror 6
스타일링	Tailwind CSS v4

모든 처리는 로컬 컴퓨터에서 이루어집니다 — 클라우드 서비스나 계정이 필요하지 않습니다.