Tauri 기반 경량 설계와 CLI Shell-out을 통한 Local AI 통합 에디터

MerMark Editor v0.2.0 - Markdown/Mermaid editor with built-in Claude/Codex

Vespi2026년 5월 5일7분intermediate

AI 요약

Context

Electron의 무거운 리소스 소모와 클라우드 AI의 API 관리 및 비용 부담이라는 제약 사항 존재. 단순 Markdown 편집을 넘어 Mermaid 다이어그램 렌더링과 Local AI의 직접적인 파일 조작 기능을 통합한 고성능 경량 에디터의 필요성 대두.

Tauri Framework 채택을 통한 Electron 대비 메모리 효율 극대화 및 15MB 수준의 초경량 바이너리 구현
API Key 관리 제거를 위해 로컬에 설치된 Claude Code 및 Codex CLI로 Shell-out 하는 Proxy-less 아키텍처 설계
AI의 Disk Write와 사용자의 Local Edit 간 충돌 방지를 위한 Side-by-side Diff 기반의 Conflict Detection 메커니즘 도입
파일 저장 시 데이터 손실 방지를 위해 .tmp 파일 기록 후 검증 후 리네임하는 Atomic Save 전략 적용
WYSIWYG 뷰와 Code 뷰 간의 정확한 커서 위치 동기화를 위해 DOM 추정 방식 대신 Source-line Block Parser 도입
Mermaid 다이어그램의 렌더링 효율을 위해 기본 25% 스케일 적용 및 독립적인 Preview Zoom 제어 구조 설계

실천 포인트

1. AI의 파일 수정 기능을 도입할 때 단순 덮어쓰기가 아닌 Side-by-side Diff 기반의 사용자 선택 프로세스를 포함했는가?

2. 파일 저장 시 예기치 못한 크래시로 인한 데이터 유실을 막기 위해 Atomic Save(.tmp write -> rename)를 적용했는가?

3. 서로 다른 뷰(Visual vs Code) 간의 상태 동기화 시 DOM 기준이 아닌 소스 라인 기반의 파서를 사용하고 있는가?

태그