UniNotepad

메모장에 뭔가 적어두고 저장하는 걸 깜빡한 채 창을 닫아본 적 있으신가요? 아니면 컴퓨터가 갑자기 꺼져서 쓰던 내용이 날아간 적은요?

UniNotepad에서는 그런 일이 생기지 않습니다. 열어둔 탭은 저장하지 않은 내용까지 그대로 남아 있다가, 다음에 앱을 열면 떠날 때 모습 그대로 돌아옵니다. 앱을 종료하든, 갑자기 꺼지든, 컴퓨터를 재시작하든 똑같습니다. 저장 버튼을 누를 필요가 없습니다.

그리고 Markdown과 Mermaid는 쓰는 즉시 오른쪽에서 그려집니다. 표도, 코드블록도, 순서도도 인터넷 없이 앱 안에서 바로 렌더됩니다 — 맨 위 영상이 그 모습입니다.

색조합 10가지를 담았습니다. Dracula · GitHub · Solarized · Gruvbox · Catppuccin · Nord · Tokyo Night · One Half · Rosé Pine · Kanagawa 중에 고르고, 밝게 볼지 어둡게 볼지는 따로 정합니다 — 시스템 설정을 그대로 따라가게 둘 수도 있습니다(View ▸ Theme ▸ System). 편집기뿐 아니라 구문 강조 색과 Markdown·Mermaid 미리보기까지 함께 바뀝니다.

바로가기 — 무엇이 다른가요 · VS Code 확장 · 테마 · 화면 · 설치 · 자주 묻는 질문

이 문서의 링크는 GitHub 정책상 항상 같은 탭에서 열립니다. 읽던 자리를 두고 싶으면 Cmd(macOS) 또는 Ctrl(Windows·Linux)을 누른 채 클릭하거나 가운데 버튼으로 누르세요 — 새 탭에서 열립니다.

✨ 무엇이 다른가요

기능	설명
💾 저장 걱정 없음	타이핑을 멈추면 알아서 기록 — 닫을 때 "저장하시겠습니까?"를 묻지 않습니다
🗂️ 탭 · 세션 복원	껐다 켜도, 갑자기 꺼져도 열어둔 탭이 미저장 메모까지 그대로 — 탭바 + 버튼(Cmd/Ctrl+T), Ctrl+Tab 순환, 우클릭 메뉴로 다른 탭 한꺼번에 닫기
🪟 여러 창	Cmd/Ctrl+N으로 새 창, Cmd/Ctrl+Shift+W로 창 닫기 (탭·창 단축키는 Ghostty와 같은 배치) — 창마다 자기 탭을 갖고, 종료 후 다시 켜면 모든 창이 제자리에 복원. 이미 다른 창에 열린 파일을 열면 그 창으로 이동
📝 Markdown 실시간 미리보기	타이핑하는 대로 오른쪽에 렌더 — GFM 표 · 체크박스 · 코드블록 색칠 · 스크롤 따라가기.  같은 로컬 이미지(SVG · PNG · JPG 등)도 문서 폴더 기준으로 표시. Ctrl/Cmd+Shift+M으로 열고 닫고, 가운데 경계선을 끌어 비율 조절 — 비율·확대율은 탭마다 기억
🔗 문서 링크 따라가기	미리보기의 [다른 문서](./other.md) 링크를 누르면 그 파일이 새 탭으로 열립니다 — #앵커까지 붙어 있으면 그 자리로 스크롤. 제목마다 앵커가 붙어 문서 안 목차 링크도, HTML로 내보낸 파일에서도 동작합니다. 웹 주소는 기본 브라우저로, 없는 파일 · 폴더 · 텍스트가 아닌 파일은 열지 않고 어떤 경로로 풀렸는지 알려줍니다
🪟 편집 창 · 미리보기 창 따로 여닫기	두 창을 탭마다 각각 켜고 끕니다 — 이 탭은 미리보기만 크게, 저 탭은 편집만. 창 오른쪽 위에 마우스를 올리면 × 버튼이 나타나고, 다시 열 때는 상태 표시줄의 Editor · Preview를 누르면 됩니다. 창 구성도 탭마다 기억됩니다. .md · .mmd 파일은 읽으러 여는 경우가 많으니 처음 열 때 미리보기만 뜹니다
🧜 Mermaid 다이어그램	```mermaid 코드블록은 물론 .mmd 파일도 통째로 그림으로 — 순서도·시퀀스·간트·클래스 등 Mermaid 11이 그리는 건 다 됩니다. 넓은 창에서는 다이어그램이 창 폭까지 커지고, 차트만 따로 확대하거나 배경색을 고를 수도 있어요
🌳 JSON 트리 미리보기	.json 파일을 열면 오른쪽에 접었다 펼 수 있는 트리로 — 값 종류마다 색이 다르고 배열은 번호가 붙습니다. 주석 · 후행 쉼표 · 따옴표 없는 키처럼 표준 JSON이 아닌 문법도 그려주고(그럴 땐 안내를 함께 띄웁니다), 문법이 틀린 곳은 줄 · 칸을 누르면 편집 창의 그 자리로 바로 갑니다
🖨️ 미리보기 내보내기	렌더된 문서를 HTML 한 파일로 저장하거나 그대로 인쇄(PDF) — 다이어그램과 로컬 이미지도 파일 안에 담기고, JSON 트리는 내보낸 파일에서도 접힙니다
📋 웹에서 복사 → Markdown으로 붙여넣기	챗봇 답변이나 웹 문서를 복사해 Markdown 탭에 붙이면 제목 · 목록 · 표 · 코드블록이 Markdown 문법 그대로 들어옵니다. 다른 형식 탭(.ts, .log 등)은 예전처럼 원문 그대로 — Preferences ▸ Editor ▸ Paste HTML as Markdown에서 끌 수 있어요
🧩 VS Code 확장	같은 Mermaid 미리보기를 VS Code 안에서도 — UniNotepad Markdown Preview. 기본 미리보기를 대체하지 않고 나란히 놓입니다
🎨 구문 강조	143개 언어를 파일 이름만 보고 자동 판별
🌗 테마 10종 × 밝기	View ▸ Theme에서 색조합 10가지(Dracula · GitHub · Solarized · Gruvbox · Catppuccin · Nord · Tokyo Night · One Half · Rosé Pine · Kanagawa)와 밝기(Light · Dark · System)를 따로 고릅니다 — System은 OS의 밝은/어두운 모드를 그대로 따라갑니다. 편집기·구문 강조·미리보기 색이 한꺼번에 바뀌고, 고른 값은 다음에 켤 때도 유지됩니다
✂️ 줄 편집 도구	정렬 · 중복/빈 줄 제거 · 공백 정리 · 대소문자 · 줄 이동 (Edit ▸ Line Operations)
⌨️ 다중 커서 · 코드 폴딩	같은 단어를 한꺼번에 선택해 고치고(Cmd/Ctrl+D), 긴 코드는 접어서 봅니다 — 공백 문자 표시 토글도 (View 메뉴)
🇰🇷 옛 인코딩 파일	UTF-8·UTF-16은 물론 EUC-KR/CP949 · Shift-JIS · GBK · Big5도 판별해서 엽니다 — 표현할 수 없는 문자는 저장 전에 미리 경고
👀 외부 변경 감지	다른 프로그램이 파일을 고치면 켜져 있는 동안에도 바로 알아챕니다 — 편집 전이면 조용히 새로 고치고, 편집 중이면 배너로 물어봅니다
🗄️ 큰 파일도 안전하게	10MB가 넘는 파일은 확인 후 가볍게(구문 강조 없이) 열어 앱이 굳지 않습니다
⚙️ 한곳에서 설정	폰트 · 줄번호 · 들여쓰기 · 저장 옵션 · 테마를 Ctrl/Cmd+, 한 화면에서
🔄 자동 업데이트 확인	새 버전이 나오면 상태바에 조용히 알려줍니다 — Windows·AppImage는 앱 안에서 바로 설치
🪶 가벼움	브라우저를 끼워 넣지 않고 OS 기능을 써서 설치 파일 3MB 안팎

Linux .AppImage만은 필요한 것을 전부 담느라 큽니다 — 가볍게 쓰시려면 .deb나 .rpm을 받으세요.

🧩 VS Code 확장

앱의 Mermaid 미리보기를 그대로 옮긴 VS Code 확장이 따로 나와 있습니다 — VS Code Marketplace의 UniNotepad Markdown Preview. 다이어그램 확대, 드래그로 밀어보기, 배경 투명/색 지정이 앱과 같은 방식으로 동작합니다.

VS Code 기본 Markdown 미리보기를 대체하는 게 아니라 나란히 놓입니다 — Markdown 파일 제목줄에 버튼이 하나 더 생기는데, 기본 미리보기는 원래 아이콘 그대로이고 이 확장 것은 앱의 <> 마름모입니다 (그 툴바에서 유일하게 색이 들어간 아이콘이라 헷갈리지 않습니다).

설치

방법
Marketplace 페이지	UniNotepad Markdown Preview
VS Code 안에서	확장 뷰(Cmd/Ctrl+Shift+X)에서 UniNotepad Markdown Preview 검색
터미널에서	code --install-extension ilphs.uninotepad-markdown-preview

쓰는 법

하고 싶은 것	방법
미리보기 열기	Cmd/Ctrl+K Shift+M, 또는 편집기 제목줄의 <> 마름모 아이콘
여러 파일을 탭으로 미리보기	탐색기나 편집기 탭에서 우클릭 ▸ Open Preview (UniNote) — 파일마다 고정된 탭이 하나씩 추가되고, 이미 열린 파일은 그 탭으로 이동합니다
확대 · 축소 · 원래대로	Cmd/Ctrl + = - 0 (미리보기 패널에 포커스가 있을 때) — 글자와 다이어그램이 함께 커집니다
확대한 다이어그램 밀어보기	다이어그램 안에서 클릭한 채 끌기
다이어그램 배경 바꾸기	다이어그램에 마우스를 올리면 나오는 Transparent · Backdrop
HTML로 내보내기	명령 팔레트 ▸ UniNotepad: Export Preview as HTML

• .md는 물론 .mmd · .mermaid 파일도 열립니다 — 앱과 마찬가지로 문서 전체가 하나의 큰 다이어그램이 됩니다
• 미리보기는 활성 편집기를 따라갑니다. 다른 Markdown 파일로 옮기면 미리보기도 따라 바뀌고, 렌더할 수 없는 편집기(.ts 파일 등)로 옮겨도 화면을 비우지 않고 마지막 렌더를 그대로 둡니다
• 여러 개를 나란히 보려면 미리보기 제목줄의 자물쇠 버튼으로 고정하세요 — 그 패널은 지금 문서에 머물고, 다음에 여는 미리보기는 새 패널로 열립니다. 고정한 패널도 편집 내용은 실시간으로 반영되고, 창을 다시 불러와도 고정된 채로 돌아옵니다
• 다이어그램 배경과 스크롤 동기화는 VS Code 설정의 uninotepadPreview.* 세 항목으로도 조정할 수 있습니다

앱과 다른 점

확장은 VS Code 웹뷰 안에서 돌아가기 때문에 앱에서 되는 몇 가지가 빠져 있습니다 — 버그가 아니라 이 버전의 한계입니다.

• 코드블록에 구문 강조가 없습니다 — 앱은 언어별 문법을 그때그때 불러오는데, 웹뷰의 보안 정책(CSP)이 그 방식을 막습니다
• 인쇄가 안 됩니다 — 웹뷰에서는 인쇄 창을 띄울 수 없습니다. HTML로 내보낸 뒤 브라우저에서 인쇄하세요 (내보내기 명령이 그 파일을 열어 줄지 물어봅니다)
• #앵커 링크는 대부분 동작하지 않습니다 — 제목에 붙는 id가 만들어지지 않아 이동할 자리가 없습니다
• 스크롤 동기화는 편집기 → 미리보기 한 방향입니다 (앱과 같습니다)

확장 쪽 문서와 개발 안내는 vscode-ext/README.md에 있습니다.

여기까지가 README 앞부분입니다. 나머지는 원문에서 읽을 수 있습니다. README 전문 보기 ↗