이미지 206개 한국어 설명과 예제 대시보드 및 화면 문구 보완

2026-09-13 17:34:15 +09:00
parent 087e80126d
commit 3c7549c104
112 changed files with 29557 additions and 47 deletions
@@ -139,3 +139,19 @@ PDF SHA-256: 1141ea4fb9d619fd55d75d0bdcd6bbd5678b161633586764d0eadfc4b9235400
 ## 남은 범위

 도움말 본문과 목록 제목 및 위 예제 수정분은 운영 반영과 검증을 마쳤습니다. 도움말에는 PNG 270개와 GIF 15개 및 JPEG 1개가 있으며 이미지 내부의 영어는 별도 점검 대상입니다. 모든 이미지가 영어를 담고 있다는 뜻은 아닙니다. 외부 웹 보기로 연결된 API 문서와 남은 하드코딩 문구도 최종 확인해야 합니다. 전체 100% 완료로 표시하지 않습니다.
+
+## 2026-09-13 추가 적용: 화면 문구와 이미지 한국어 설명
+
+- 사용자 선택: 사용량을 절약하기 위해 기존 이미지는 유지하고 한국어 설명을 보완합니다. 이미지 내부 글자를 모두 교체한다는 기존 목표를 이 방식으로 변경했습니다.
+- phase7: 글자 둘러싸기와 관련 설정 및 코드 색상 설정 문구를 번역했습니다. 위치 정보 오류와 지도 새 노트 및 확대 비율과 AI 대화 기본 제목도 수정했습니다. 총 11개 치환 규칙을 적용했습니다.
+- phase8: 래스터 이미지 286개를 OCR로 점검했습니다. 영문이 감지된 206개 모두가 본문에서 참조됨을 확인했습니다. 해당 도움말 92개에 이미지 순서별 한국어 설명과 주요 영문 메뉴의 한국어 뜻을 덧붙였습니다. GIF는 첫 프레임을 검사했습니다. OCR 결과는 모든 글자를 정확하게 판독했다는 의미가 아닙니다.
+- 메뉴 대응은 영어와 한국어 UI 사전을 대조해 생성했습니다. 대응 메뉴가 없는 이미지 25개에는 개별 기능 설명을 작성했습니다. 원본 이미지와 링크 및 이미지 경로를 보존했습니다.
+- Trilium 도움말에 포함된 Grafana 대시보드 JSON의 제목과 설명 및 범례 60곳을 번역했습니다. 범례와 일치해야 하는 표시 재정의 조건도 함께 수정했습니다. 실제 Grafana 서비스는 수정하지 않았습니다.
+- 운영 검증: phase7의 layout_commons.js SHA-256은 39f4a0f5854e52ad221f872a9a50671161a3de2a4835eda044d9db537e010b2a입니다. phase8의 수정 도움말 92개와 대시보드 JSON 1개의 HTTP 응답 해시가 모두 배포본과 일치했습니다. 브라우저에서 측정 지표 도움말의 한국어 이미지 설명 표시를 확인했습니다.
+- 현재 자산 버전: v0.95.0-ko-20260913-r7. 현재 앱 파일은 deployed에 있습니다. 도움말의 현재 내용은 phase3/doc_notes/en에 phase8/doc_notes/en을 덮어 적용한 구성입니다.
+- 백업: /www/dk_project/dk_app/trilium/backups/before-korean-phase7-20260913-172503
+- 백업: /www/dk_project/dk_app/trilium/backups/before-korean-phase8-20260913-173210
+
+### 미완료 범위
+
+API 참고 웹 보기 5개가 남았습니다. 내부 주소 /etapi/docs 및 /api/docs와 외부 스크립트 API 문서 3개입니다. 이들 페이지의 본문 번역은 아직 완료하지 않았습니다. 도움말 173개 및 목록 제목 181개와 이번 이미지 설명 206개가 완료됐다는 수치를 전체 100%로 해석하지 않습니다. 이미지 설명 보완 선택은 외부 API 원문을 번역한 것으로 간주하는 허가가 아닙니다.
@@ -2,40 +2,29 @@

 갱신: 2026-09-13

- 대상은 Trilium입니다. 한국어 설명에서 itosm은 이스톰으로 표기합니다.
- 도움말 본문: 173/173개 처리 및 서버 반영 완료. 원래 비어 있는 파일 3개를 포함합니다.
- 도움말 목록 제목: 181/181개 번역 및 데이터베이스의 실제 제목 확인 완료.
- 검증: 173개 본문의 링크와 이미지 경로 목록 보존. 운영 HTTP 응답 467개와 배포 파일의 SHA-256 일치.
- 브라우저: 검색 도움말의 한국어 제목과 본문 및 목차 표시 확인.
- 추가 수정: 서버 날짜 로케일을 한국어로 등록. 달력 버튼 문구와 새 실행 도구 기본 제목 수정.
- 자산 버전: v0.95.0-ko-20260913-r3.
- 백업: /www/dk_project/dk_app/trilium/backups/before-korean-phase3-20260913-165707.
- Gitea에는 번역 원본과 생성 도구 및 운영 적용 파일과 배포 검증 기록을 함께 보관합니다.
+대상은 Trilium입니다. 한국어 표기는 이스톰을 사용합니다.

-## 아직 남은 작업
+| 구분 | 완료 | 진행률 |
+|---|---:|---:|
+| 도움말 본문 | 173/173 | 100% |
+| 도움말 목록 제목 | 181/181 | 100% |
+| 영문 감지 이미지의 한국어 설명 보완 | 206/206 | 100% |
+| API 참고 웹 보기 | 0/5 | 0% |

-예제 PDF 본문과 통계 출력 및 표시용 속성과 숨겨진 모바일 실행 도구 제목은 추가 적용을 마쳤습니다. 기존 스크린샷 안의 영어와 외부 API 문서 및 나머지 하드코딩 문구가 최종 점검 대상으로 남아 있습니다. 도움말 100%를 전체 한글화 100%로 표시하지 않습니다.
+기본 예제의 본문과 도표 및 통계 표시와 속성 이름 및 PDF는 번역하여 운영에 적용했습니다. PDF는 11쪽이며 194개 문단의 누락 검사와 브라우저 확인을 마쳤습니다. 전체 완료율은 항목마다 규모가 달라 단순 평균으로 계산하지 않습니다.

-과거 기록의 100개와 103개 수치는 당시의 진행 상황입니다. 현재 운영 앱 파일은 deployed 폴더입니다. phase3부터 phase6까지는 각 단계의 기록입니다. work/trilium/release/main.cjs는 초기 빌드 산출물이므로 현재 운영 파일로 사용하지 마세요.
+## 2026-09-13 추가 적용: 화면 문구와 이미지 한국어 설명

-## 예제와 화면 문구 추가 적용
+- 사용자 선택: 사용량을 절약하기 위해 기존 이미지는 유지하고 한국어 설명을 보완합니다. 이미지 내부 글자를 모두 교체한다는 기존 목표를 이 방식으로 변경했습니다.
+- phase7: 글자 둘러싸기와 관련 설정 및 코드 색상 설정 문구를 번역했습니다. 위치 정보 오류와 지도 새 노트 및 확대 비율과 AI 대화 기본 제목도 수정했습니다. 총 11개 치환 규칙을 적용했습니다.
+- phase8: 래스터 이미지 286개를 OCR로 점검했습니다. 영문이 감지된 206개 모두가 본문에서 참조됨을 확인했습니다. 해당 도움말 92개에 이미지 순서별 한국어 설명과 주요 영문 메뉴의 한국어 뜻을 덧붙였습니다. GIF는 첫 프레임을 검사했습니다. OCR 결과는 모든 글자를 정확하게 판독했다는 의미가 아닙니다.
+- 메뉴 대응은 영어와 한국어 UI 사전을 대조해 생성했습니다. 대응 메뉴가 없는 이미지 25개에는 개별 기능 설명을 작성했습니다. 원본 이미지와 링크 및 이미지 경로를 보존했습니다.
+- Trilium 도움말에 포함된 Grafana 대시보드 JSON의 제목과 설명 및 범례 60곳을 번역했습니다. 범례와 일치해야 하는 표시 재정의 조건도 함께 수정했습니다. 실제 Grafana 서비스는 수정하지 않았습니다.
+- 운영 검증: phase7의 layout_commons.js SHA-256은 39f4a0f5854e52ad221f872a9a50671161a3de2a4835eda044d9db537e010b2a입니다. phase8의 수정 도움말 92개와 대시보드 JSON 1개의 HTTP 응답 해시가 모두 배포본과 일치했습니다. 브라우저에서 측정 지표 도움말의 한국어 이미지 설명 표시를 확인했습니다.
+- 현재 자산 버전: v0.95.0-ko-20260913-r7. 현재 앱 파일은 deployed에 있습니다. 도움말의 현재 내용은 phase3/doc_notes/en에 phase8/doc_notes/en을 덮어 적용한 구성입니다.
+- 백업: /www/dk_project/dk_app/trilium/backups/before-korean-phase7-20260913-172503
+- 백업: /www/dk_project/dk_app/trilium/backups/before-korean-phase8-20260913-173210

- 기본 예제의 통계 표와 원형 차트에 표시되는 노트 유형을 한국어로 바꿨습니다.
- 할 일 관리자 코드와 기존 가지 접두사 5개를 함께 수정했습니다. TODO와 DONE은 화면에서 할 일과 완료로 표시됩니다. 날짜 접두사도 한국어 순서로 바꿨습니다.
- 체중과 위치 좌표 및 독서 시작일·종료일과 저자·링크 및 장소·태그·예정일·완료일의 표시 이름 10개를 지정했습니다. 속성 키와 형식은 보존했습니다.
- 숨겨진 모바일 실행 도구 제목과 기존 기본 실행 도구의 어색한 이름을 수정했습니다. 기존 이름이 알려진 기본 번역과 일치할 때만 이름을 갱신합니다.
- 기본 예제 PDF의 머리말과 본문을 한국어로 번역했습니다. 원본 9쪽은 백업과 노트 수정 이력에 보존했습니다. 한국어판은 11쪽입니다. 본문 문단 194개 누락 검사와 페이지 렌더링 검토를 마쳤습니다. Chrome의 Trilium 화면에서도 한국어 PDF 표시를 확인했습니다.
- UI의 리비전과 런치바 및 런처 표현을 수정 이력과 실행 도구로 정리했습니다. 파일 교체 버튼은 새 버전 올리기로 바꿨습니다. 자리표시자를 보존했습니다.
- 현재 자산 버전은 v0.95.0-ko-20260913-r5입니다. 최신 앱 파일은 deployed 폴더에 있습니다. phase3부터 phase6까지는 단계별 배포 기록입니다.
+### 미완료 범위

-검증한 백업 경로:
-
- /www/dk_project/dk_app/trilium/backups/before-korean-phase4-20260913-170536
- /www/dk_project/dk_app/trilium/backups/before-korean-phase5-20260913-171432
- /www/dk_project/dk_app/trilium/backups/before-korean-phase6-20260913-171753
-
-PDF SHA-256: 1141ea4fb9d619fd55d75d0bdcd6bbd5678b161633586764d0eadfc4b9235400
-
-## 남은 범위
-
-도움말 본문과 목록 제목 및 위 예제 수정분은 운영 반영과 검증을 마쳤습니다. 도움말에는 PNG 270개와 GIF 15개 및 JPEG 1개가 있으며 이미지 내부의 영어는 별도 점검 대상입니다. 모든 이미지가 영어를 담고 있다는 뜻은 아닙니다. 외부 웹 보기로 연결된 API 문서와 남은 하드코딩 문구도 최종 확인해야 합니다. 전체 100% 완료로 표시하지 않습니다.
+API 참고 웹 보기 5개가 남았습니다. 내부 주소 /etapi/docs 및 /api/docs와 외부 스크립트 API 문서 3개입니다. 이들 페이지의 본문 번역은 아직 완료하지 않았습니다. 도움말 173개 및 목록 제목 181개와 이번 이미지 설명 206개가 완료됐다는 수치를 전체 100%로 해석하지 않습니다. 이미지 설명 보완 선택은 외부 API 원문을 번역한 것으로 간주하는 허가가 아닙니다.
@@ -4,12 +4,12 @@
    "sha256": "52b083643858fc11a8a832e4ca068c58635fad41ad76972e821d1253d8fa72bd"
  },
  "CHANGELOG.ko.md": {
-    "bytes": 12132,
-    "sha256": "7f0d39eb64c88c06955fb0b8a74b5f19221cd3f20f1de81d7eee394969c09d11"
+    "bytes": 14829,
+    "sha256": "2a3518913e4e93f498cfba1035f98c5b709081ac77478475dc7a711671f58bf0"
  },
  "PROGRESS.md": {
-    "bytes": 3957,
-    "sha256": "7c7b9274198de07be49aad7a9cb9ca66195231ee6fdfa6d4c721531e066eb3cb"
+    "bytes": 3374,
+    "sha256": "c0e70432c735fe4bed02a1734e683d1e3f1bd52df6c53fbf6580bfb62ea5ea43"
  },
  "README.md": {
    "bytes": 5545,
@@ -36,12 +36,12 @@
    "sha256": "f15a67d27acd93edf7e12c8c555455414b82e581c3079060d37975593e11573e"
  },
  "deployed/layout_commons.js": {
-    "bytes": 1333056,
-    "sha256": "b888db7ebe9356b65d720848762689cc919f63b428e1f06d6e59a30b92b2fd5c"
+    "bytes": 1333225,
+    "sha256": "39f4a0f5854e52ad221f872a9a50671161a3de2a4835eda044d9db537e010b2a"
  },
  "deployed/main.cjs": {
    "bytes": 9022693,
-    "sha256": "b8c607ce3aaa551b1dc1f6f67c5011656084ebf3ba04e391ee49fb3aab349db2"
+    "sha256": "7f4e4a2f8e03c44131b51b2942cf327d310a657c4fe2b2c35ee154f70688efe4"
  },
  "deployed/mobile_layout.js": {
    "bytes": 9771,
@@ -1987,6 +1987,410 @@
    "bytes": 15817,
    "sha256": "7446fb50e449e794a61a1f0ce325cc28299b5cce086fb4b5ef421aa26da62a65"
  },
+  "phase7-input/layout_commons.js": {
+    "bytes": 1333056,
+    "sha256": "b888db7ebe9356b65d720848762689cc919f63b428e1f06d6e59a30b92b2fd5c"
+  },
+  "phase7/changes.json": {
+    "bytes": 1192,
+    "sha256": "d5df037c4cd1a0d2f7348408eec7b0efd3a5e12db0e321e525b382d3ff717a57"
+  },
+  "phase7/layout_commons.js": {
+    "bytes": 1333225,
+    "sha256": "39f4a0f5854e52ad221f872a9a50671161a3de2a4835eda044d9db537e010b2a"
+  },
+  "phase7/main.cjs": {
+    "bytes": 9022693,
+    "sha256": "c8ea3ad50cb99082165ab013763713e97443da24dcd3024750da636a071a8641"
+  },
+  "phase7/manifest.json": {
+    "bytes": 382,
+    "sha256": "ff8f69827aef8d0b544367dc5a32864de4c815c5db15889e4561764bf2d13c63"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/AI/AI Provider Information.html": {
+    "bytes": 2779,
+    "sha256": "99645f4c2a1e0d64356e6f70f541569c492b38f4bb7e5d1c3f88aa49c4dafc10"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/AI/AI Provider Information/Ollama/Installing Ollama.html": {
+    "bytes": 3778,
+    "sha256": "dcb435108650aab416bde082b23ce394b6ad654051c50504d61dd36f00f8291e"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/AI/Introduction.html": {
+    "bytes": 10676,
+    "sha256": "765f6ba6721fb6f33afd577b6326085aa9c1fb7cab277244b01f5a9c41fe7420"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Advanced Showcases/Day Notes.html": {
+    "bytes": 6629,
+    "sha256": "fa97e00c537107ecee96a47e8387ce2305a1ec6d2f1bcaba429548079c4316dd"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Advanced Showcases/Task Manager.html": {
+    "bytes": 3721,
+    "sha256": "0aeffa276416bcf7642b37c144950084a7385785315748da8bb8f3b0180e32f4"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Advanced Showcases/Weight Tracker.html": {
+    "bytes": 3316,
+    "sha256": "ad01ebf6bd4a26e9857b672469fc6253048fc377d3f2320c232561d9ef139533"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Attributes.html": {
+    "bytes": 2807,
+    "sha256": "9532a48720d35acf4e149dc5423ed8a577bc90fcf3f34de7a6203b0fa7f4fca0"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Attributes/Promoted Attributes.html": {
+    "bytes": 3363,
+    "sha256": "85d9289cab5fd3525d26685b2d38958df5cc139a4dcd6750150075267b914c0a"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Bulk Actions.html": {
+    "bytes": 5156,
+    "sha256": "02a0007352465359e82e222484833389144d79874f474972df47448fd33cdd81"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Database/Manually altering the database.html": {
+    "bytes": 2907,
+    "sha256": "4aee3561145026dc23766f25508ffa576e3e65a50ebf3479e1ff7311fa742f01"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Database/Manually altering the database/SQL Console.html": {
+    "bytes": 2350,
+    "sha256": "cf866d2bc0fdef4142d9ed74851a3ed4b0fd9049b874d9fe152e23049ee6b637"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Hidden Notes.html": {
+    "bytes": 6441,
+    "sha256": "f7ea4894cfd338ec347bd1b724c41b9e04a01114472547ca6c7e37f5e150491a"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Metrics.html": {
+    "bytes": 6011,
+    "sha256": "91ff5aa5485c6b18afefa72b44e2faa1da7a8b4b0d953a8171042dbe0b2590a5"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Metrics/grafana-dashboard.json": {
+    "bytes": 31736,
+    "sha256": "4bd73cf44465776f4d1ce42309364d0828a27ccafadfb03b734a9ee5d2ace553"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Note Map (Link map, Tree map).html": {
+    "bytes": 2219,
+    "sha256": "e95cc836b5f8affbb1a81c6a8273a4fbdabd35a68588efa65ed3a23788b1e53c"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Note source.html": {
+    "bytes": 3506,
+    "sha256": "dfc527c8148a6d14198c623acce990edb107e6d3edf0f1a821e8cff067773c92"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Sharing.html": {
+    "bytes": 9801,
+    "sha256": "99112150e9ba375ff868b35bdf44dbfcbf324309d86e2b818be5c7d348fd7d84"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Sharing/Serving directly the content o.html": {
+    "bytes": 2016,
+    "sha256": "2f35476759e4dbdb16e4d002eb76304bc9c2c7225adbecc56e1abaf76660762f"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Advanced Usage/Templates.html": {
+    "bytes": 4447,
+    "sha256": "26a82bc6154a302bf7bd824049eb26f8de58448184cd4f52666fa6ee11226898"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Import & Export/Markdown.html": {
+    "bytes": 3748,
+    "sha256": "c32ecb02a6b511cd87c44f7b192292599d9e8c5085d3ee66afbb4ba524bcec74"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Bookmarks.html": {
+    "bytes": 1781,
+    "sha256": "7cd7df63d6a1f00feec623fef25286bb5a60b3e9a5f36f5ad11aca7ff36e25d7"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Jump to Note.html": {
+    "bytes": 2566,
+    "sha256": "6e966e736b2d797669f3d4c2990c882c871c77dd2fcbd0d7d5394a28ea615c1f"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Note Hoisting.html": {
+    "bytes": 1232,
+    "sha256": "67739b04f1e50bf4dcf32d79c54ff11e9913287a3ddc2889f757e0f36d354bc3"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Note Navigation.html": {
+    "bytes": 1617,
+    "sha256": "b3de3d0b3332d9d85715db5803fddb3a7cc1669756f40152e6ca4da3439a8c1f"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Quick search.html": {
+    "bytes": 1744,
+    "sha256": "385af3176735a37eb14fe36e4ae376c0d28dcdc93fa41ff884b0a45f4933193c"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Search in note.html": {
+    "bytes": 2585,
+    "sha256": "e2ba91aa8503e7ae3aac32525ec056410283dca8acecc747715c6d43a8dc799b"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Search.html": {
+    "bytes": 10181,
+    "sha256": "82feb0f1b547bc4d48dbb525cffc1dec1a3d95fb5afa8040e0ce3e3e0d6fab80"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Similar Notes.html": {
+    "bytes": 1667,
+    "sha256": "883855f4886c6b9ee96268810e6e2e8395a0037528ee3855c8c6040c5696c975"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Navigation/Workspaces.html": {
+    "bytes": 2922,
+    "sha256": "e075bcded8a92ce47dc3abcc1af6aaf66ff30e6ac8571424ef291fb38dfbb09d"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Notes/Archived Notes.html": {
+    "bytes": 1400,
+    "sha256": "7cb7692bc20d666b1df434fca18a5b1e078e3b3657dc7c36b6dd28b7ff1f04a3"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Notes/Cloning Notes.html": {
+    "bytes": 2454,
+    "sha256": "d9d73bdfac499bd94f479e99218494c3090b312ca39ff4ec88ba4017977e2ada"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Notes/Export as PDF.html": {
+    "bytes": 3266,
+    "sha256": "e3df7a0df10ed1f4dfab9ca22d029fcc20b36bc23c62f4710776515f98e6fef5"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Notes/Note Icons.html": {
+    "bytes": 1495,
+    "sha256": "5fc3c94a5b56b4760152a8f7445ab57c0412ca4b360917256c8b2cedd0dd20c3"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Notes/Note List.html": {
+    "bytes": 4048,
+    "sha256": "fe70f3ea96c787e9c743e43a5e45652d2f3390391f917f2976ac9e1bf6063856"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Notes/Note List/Calendar View.html": {
+    "bytes": 10668,
+    "sha256": "006b0949e6d680d150c2dbfc5fadbc21c77dc5d22315f5def44f091238b3c8ac"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Notes/Note Revisions.html": {
+    "bytes": 1953,
+    "sha256": "d0fcfaca545b705e3e28dd79fcf0fb5da3bb7ea020f17ef1f6f88fde77a1d015"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Notes/Protected Notes.html": {
+    "bytes": 3386,
+    "sha256": "8b55e64fd11676fad185669a1a820bd3cb5e9497d28bacd396935352ed23f115"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Themes.html": {
+    "bytes": 6038,
+    "sha256": "6f8803916b46a7a387be61df6ae943491168707d06302e9d6bd4d9de7ad93db0"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Floating buttons.html": {
+    "bytes": 1602,
+    "sha256": "b4ca41d213b2ce70d14f2f9a6a044643a66b876a449fcd310e793d76e960e55e"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Global menu.html": {
+    "bytes": 1427,
+    "sha256": "50d272af5b5829020f7ef44df5fd90065a2b2ea6d94795e3b455a9209982cd5d"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Launch Bar.html": {
+    "bytes": 3063,
+    "sha256": "6e2222085e38c6712d6968e5d7ac5200e2bdd61a3a7274599a560e8e6829150c"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note Tree.html": {
+    "bytes": 2952,
+    "sha256": "94f95a321d2aa3515923242fd9f622cf9e2e5fee3769e01dd847f3ac5e64f50a"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note Tree/Multiple selection.html": {
+    "bytes": 1231,
+    "sha256": "073e9b4afedc814a14e72b298f6f7c43b35114646ca5d5d6c0157c056423fbdc"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Note Tree/Note tree contextual menu.html": {
+    "bytes": 7285,
+    "sha256": "f87b90fb562ec1b4a5e30f032c61dca9df7ec66bc1ce94753eaa8ab9dbb927ba"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Options.html": {
+    "bytes": 2607,
+    "sha256": "3f6d342822511c33c5d6ec30ad255f38d987c41f83fb5417bb3ca4264c6dc422"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Recent Changes.html": {
+    "bytes": 2017,
+    "sha256": "569c6d1a19d49ff391e2db5270ad54a1e79e93b7ab15c3871a6246fbb08a2333"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Ribbon.html": {
+    "bytes": 4357,
+    "sha256": "76e4b89747de19757fd242d08686758bcd3940df2452bb20ef791ad5bbe0f5fb"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Right Sidebar.html": {
+    "bytes": 1818,
+    "sha256": "2ab8dd7131c363e38910c1a79647700e088a947d5291c1f221c435d547479968"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Split View.html": {
+    "bytes": 2849,
+    "sha256": "8b19a91829885b6abd3b4b09e72ca96394fcf860912009686e0c9e130f925497"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Tabs.html": {
+    "bytes": 2623,
+    "sha256": "1299f83245f13eafb3c73c5044616e2e9c6fe839b23a41594161b6414642d0fc"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/UI Elements/Vertical and horizontal layout.html": {
+    "bytes": 3646,
+    "sha256": "8063e553dfd7dfb06cce69bb85fe811be52a0d39a627828211e3db3406097be6"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Basic Concepts and Features/Zen mode.html": {
+    "bytes": 3242,
+    "sha256": "5b2885476b7e064338f5a321c28aaec9b14fd024769e87ad266e2ea9da98a91c"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Installation & Setup/Data directory.html": {
+    "bytes": 3696,
+    "sha256": "47523bfb74952258839edeab1f212691a7b912fceda996ec462280e650525d50"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Installation & Setup/Mobile Frontend.html": {
+    "bytes": 2922,
+    "sha256": "1c791cb9673f120264dff663a596f01882af6408fefb54a937a8270df750d308"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Installation & Setup/Synchronization.html": {
+    "bytes": 4701,
+    "sha256": "9c9dec437e1364948b24c4c1285762dbaada980f152ce6cb4be5201c04c7b8dc"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Installation & Setup/Web Clipper.html": {
+    "bytes": 3030,
+    "sha256": "dc2cee192f897901d796c81436817088419600d4b1070169fededd4b2615b57f"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types.html": {
+    "bytes": 5055,
+    "sha256": "0a6562288e12aa40cc439fa0b3d954febe3965f532e6d0c913d328edef5841b4"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Book.html": {
+    "bytes": 1626,
+    "sha256": "ac57fec6c52e05efe3b193deada80767b1f4c9dfb93adec0199546f5b723f2cc"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Canvas.html": {
+    "bytes": 1205,
+    "sha256": "b69c24e17631587e6dca4aae2207c66baf981f29a5b3b8613dd9bd6fbcce8046"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Code.html": {
+    "bytes": 3444,
+    "sha256": "f9052f3d01ce8d45fa1bf997dc74242340d640a266bd3a4bcf8487c3b745ca56"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/File.html": {
+    "bytes": 8936,
+    "sha256": "1b6ccc4c0bf30205d6df19ab5c9258701467b15b5d9429d2330d3a781872fda4"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Geo Map.html": {
+    "bytes": 10775,
+    "sha256": "50abe99985342150e9a19b1e26d15d12765056f7104b3c7c19a64d2648c5ce76"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Mermaid Diagrams.html": {
+    "bytes": 2713,
+    "sha256": "fcdd3eec9237c5e85e18d0232948219f81028c9d487c06ac68a333d05bf01399"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Mind Map.html": {
+    "bytes": 2681,
+    "sha256": "b1e2046b80cb9ed273bed52d4661b8a1887ee5108f4d6c0b067108de401eb9f2"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Note Map.html": {
+    "bytes": 1023,
+    "sha256": "90878e5153f4972d4a988ab6bf312a4512d3e54a4cdfc4e5ddd367b38ee383d7"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Relation Map.html": {
+    "bytes": 4421,
+    "sha256": "4887facbe66c38a31e8cba562d382cf9ea9584af166b8e9d1d59f1e39c24f3b0"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Render Note.html": {
+    "bytes": 2955,
+    "sha256": "d0b74d51483ccef245fb12a2b4574df3118c1b2a92c63cb384b52c8fc58e573e"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Saved Search.html": {
+    "bytes": 1446,
+    "sha256": "9cca73674b5b39cb8f0f21d435737e72e45d59383712b994f355751215264579"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text.html": {
+    "bytes": 4078,
+    "sha256": "87ec070cfdde15c715a4123c95e6f0b7ebf09fc3c184c2d0a5c04712ef9bda1c"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Block quotes & admonitions.html": {
+    "bytes": 3335,
+    "sha256": "6b1f37908086a29f238a19cc5660b71e620b4f1c8ae247ff839a7eff27377636"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Content language & Right-to-le.html": {
+    "bytes": 1704,
+    "sha256": "3e95f7cb5d9772f50a7e668422a23741da6eaf622797d7d2094536060c91b992"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Cut to subnote.html": {
+    "bytes": 1521,
+    "sha256": "4545100407e4a77b49ea8c72e6feb4bae88a5eae693aab82fe5bde225d5ebb75"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Developer-specific formatting.html": {
+    "bytes": 2911,
+    "sha256": "278c3e07b2eedc2c1f10c9bb60e3ffacc05edef514e0f4d945ac484de68c21cc"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Developer-specific formatting/Code blocks.html": {
+    "bytes": 3569,
+    "sha256": "1370abdb708a9e70adb47fccacc612ec691a86bdb841970670b935e502fa5988"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Footnotes.html": {
+    "bytes": 1454,
+    "sha256": "37dd1ea72784d0f559ee9f31093f33715c977b327fceed0c90940fa89896ad5b"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Formatting toolbar.html": {
+    "bytes": 2697,
+    "sha256": "6d1f2fc58bf12ac24f6f0870ce4a7f9002d10753b11f94cd897e52fe993ebb8a"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/General formatting.html": {
+    "bytes": 3714,
+    "sha256": "7d52bccc9034d4103b8ffff4135b10af37dd2177694a5997ec22a417ded367f1"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Highlights list.html": {
+    "bytes": 1931,
+    "sha256": "d03d88a02883086784dbabad2d20b107da9edecc0e712c05bb89c5e2f3d6e979"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Images.html": {
+    "bytes": 4241,
+    "sha256": "4ba92761bfcb121ac74d5263980f623900c6467c7a8ba2016c5d7bc633c58ec9"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Images/Image references.html": {
+    "bytes": 2019,
+    "sha256": "976febfd0a4f31b9cbbba12d0a21a54d8212df829cb2e27d8676296fc84129c1"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Insert buttons.html": {
+    "bytes": 4600,
+    "sha256": "bada38f27cde16dce65140f1d6359b7ef8bad538de7c958d02e6402647e047d1"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Lists.html": {
+    "bytes": 4722,
+    "sha256": "35056e7fe87952fc036a01d142f1f14bbc2099557dcedd1538fb4af5b443c2ff"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Math Equations.html": {
+    "bytes": 2528,
+    "sha256": "11584dad60d6b6e8b37a76f41975ebc3fff56614c0fb3df715090d9131a5cea2"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Other features.html": {
+    "bytes": 3260,
+    "sha256": "3b71ade8810ef5ea6371e9dd7b5774701bec4f97be4dddf7b3c00862413bb82c"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Table of contents.html": {
+    "bytes": 1936,
+    "sha256": "8e6fdcdefdac3d9fafce31f2d6a838178cd571b1438e0b32af010a50df257d1f"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Note Types/Text/Tables.html": {
+    "bytes": 5274,
+    "sha256": "6bcb19b47d2b99204d942615b2bcba1cb797f53d5228cfb1485220110a157bf2"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Scripting/Custom Widgets/Word count widget.html": {
+    "bytes": 3829,
+    "sha256": "6840892e94fd9bf8006aa94be50c176a7f832cbd0a49d1d43f4334bd59f7689b"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Scripting/Examples/Using promoted attributes to c.html": {
+    "bytes": 2984,
+    "sha256": "f431d07ef1102fd45e7c780b215f219409434801cf36fa8b20f1f9f6d4eac231"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme.html": {
+    "bytes": 5227,
+    "sha256": "ba6e08c8dba3bccf69c8a568e55b2b2c24ee68d660cf556147c1d8b9c2a3d3ad"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Theme development/Custom app-wide CSS.html": {
+    "bytes": 2433,
+    "sha256": "78e1b264bc1bbb7070dc3251126c4bc0d4af0a23d995c488bfbe6ab1374cc13c"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Theme development/Customize the Next theme.html": {
+    "bytes": 1692,
+    "sha256": "44ef0359a2d4e1031432983c18f18bfecfa7ae046774a7619f55391b821031f8"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Troubleshooting/Anonymized Database.html": {
+    "bytes": 3008,
+    "sha256": "83eaafea22151a12330e1e2bdfc66756d5155edabf67e8100f45c5ed39258be4"
+  },
+  "phase8/doc_notes/en/User Guide/User Guide/Troubleshooting/Error logs.html": {
+    "bytes": 3993,
+    "sha256": "c5801290f0cfcfd89805cd844b8e2aadf2b4bc5b804d88415489e5a8d32cb752"
+  },
+  "phase8/image-guide-audit.json": {
+    "bytes": 127437,
+    "sha256": "14f9cd61c4ec6caa01c257c9255e0eb2a4cb02f239cd4e5ec6ca617caa330d95"
+  },
+  "phase8/main.cjs": {
+    "bytes": 9022693,
+    "sha256": "7f4e4a2f8e03c44131b51b2942cf327d310a657c4fe2b2c35ee154f70688efe4"
+  },
+  "phase8/manifest.json": {
+    "bytes": 28977,
+    "sha256": "b3ec0326b9fc9dbe2dc99cf27bfcfe25b94b66b40cf6273fcaafaaa1e519e212"
+  },
  "verify-snapshot.mjs": {
    "bytes": 1050,
    "sha256": "944aa1e3c8f8fd835dc0121071bf25b93de03cb29f0c0b3bd41febd209acb764"
@@ -2031,6 +2435,14 @@
    "bytes": 4960,
    "sha256": "80c846a0597f2e6c611fc6111a0308fcc57bbda1c9620b1383946fa0c00c49f3"
  },
+  "work/trilium/build-phase7.mjs": {
+    "bytes": 2227,
+    "sha256": "967d436542cb121e885c7e687a43a41b306f53782e78c57b87bd773c54f56c8b"
+  },
+  "work/trilium/build-phase8.mjs": {
+    "bytes": 11511,
+    "sha256": "db3e968ef70b1c3add7bf715dd0e93756f79748b1849290ec75c6694b9f5e4d6"
+  },
  "work/trilium/build-server.mjs": {
    "bytes": 2786,
    "sha256": "2c64311599b7465c6435c14929d756ba011afd828bff69bd8fd88017e69f5f60"
@@ -2087,6 +2499,14 @@
    "bytes": 1867,
    "sha256": "7122297bd50e9030df08ba0e7ce83cd69049d03f0453a7416e89c8fcd0e30f82"
  },
+  "work/trilium/deploy-phase7.py": {
+    "bytes": 1851,
+    "sha256": "a60b56e4f090d94a861c2c9e858dd71fbaa081fe9d4ec937e7d7acf60f6c85b0"
+  },
+  "work/trilium/deploy-phase8.py": {
+    "bytes": 1859,
+    "sha256": "a9ee042f54d8ee8a2eadbf9e4bddccde094e02646c9eaf4168f66350309fbca8"
+  },
  "work/trilium/deploy-ui-phase2.py": {
    "bytes": 3049,
    "sha256": "db296e39897e1a6758435e44077466087b58233333b1541c3e3e3f4ade67e60d"
@@ -2255,6 +2675,10 @@
    "bytes": 2,
    "sha256": "4f53cda18c2baa0c0354bb5f9a3ecbe5ed12ab4d8e11ba873c2f11161202b945"
  },
+  "work/trilium/help-image-ocr.json": {
+    "bytes": 129349,
+    "sha256": "8a66a134484a3f4f9c3d08ff7b41c506f721b4d518086092ada86f53e68b05e5"
+  },
  "work/trilium/inspect-phase4.py": {
    "bytes": 1842,
    "sha256": "3d50c3ff9728040ddb11d6147d14447c3a525bbd7b8c4d64af149c872ec05e41"
@@ -2267,6 +2691,10 @@
    "bytes": 1332326,
    "sha256": "c5ebf993f416c1a732a12cb46605902df120dfb7662d1dc23fa69fed2f2ac876"
  },
+  "work/trilium/ocr-help-images.ps1": {
+    "bytes": 2824,
+    "sha256": "45054683fcfabd9a987a27ee4890400327233e61b6f74e5e1d3790781bb356a4"
+  },
  "work/trilium/phase4-inspect/data.json": {
    "bytes": 5633,
    "sha256": "19988bcc03abb030d54e8be8d39dde467bea86f8dcdc8c514f9e4466d0970b2a"
@@ -0,0 +1,46 @@
+[
+  [
+    "title:\"Wrap text\"",
+    "title:\"글자 둘러싸기\""
+  ],
+  [
+    "Related settings",
+    "관련 설정"
+  ],
+  [
+    "Color scheme for code blocks in text notes",
+    "텍스트 노트의 코드 블록 색상"
+  ],
+  [
+    "Color scheme for code notes",
+    "코드 노트 색상"
+  ],
+  [
+    "message:\"Geolocation not supported.\"",
+    "message:\"위치 정보를 지원하지 않습니다.\""
+  ],
+  [
+    "f=r.message||(d===1?\"permission denied\":d===2?\"position unavailable\":\"timeout\")",
+    "f=d===1?\"위치 정보 접근 권한이 없습니다\":d===2?\"위치를 확인할 수 없습니다\":d===3?\"위치 확인 시간이 초과되었습니다\":(r.message||\"위치를 확인하지 못했습니다\")"
+  ],
+  [
+    "message:\"Geolocation error: \"",
+    "message:\"위치 정보 오류: \""
+  ],
+  [
+    "id:\"geo-new-note\",title:\"New note\"",
+    "id:\"geo-new-note\",title:\"새 노트\""
+  ],
+  [
+    "label:\"Zoom\"",
+    "label:\"확대 비율\""
+  ],
+  [
+    "label:\"New geo note\"",
+    "label:\"지도에 새 노트 추가\""
+  ],
+  [
+    "pt.post(\"llm/chat\",{title:\"Note Chat\"",
+    "pt.post(\"llm/chat\",{title:\"노트와 대화\""
+  ]
+]
@@ -0,0 +1,8 @@
+{
+  "previousMainSha256": "b8c607ce3aaa551b1dc1f6f67c5011656084ebf3ba04e391ee49fb3aab349db2",
+  "previousLayoutSha256": "b888db7ebe9356b65d720848762689cc919f63b428e1f06d6e59a30b92b2fd5c",
+  "files": {
+    "main.cjs": "c8ea3ad50cb99082165ab013763713e97443da24dcd3024750da636a071a8641",
+    "layout_commons.js": "39f4a0f5854e52ad221f872a9a50671161a3de2a4835eda044d9db537e010b2a"
+  }
+}
@@ -0,0 +1,5 @@
+<p>이 버전에서 지원하는 제공자는 다음과 같습니다.</p><ul><li><a class="reference-link" href="#root/_help_7EdTxPADv95W">Ollama</a></li><li><a class="reference-link" href="#root/_help_ZavFigBX9AwP">OpenAI</a></li><li><a class="reference-link" href="#root/_help_e0lkirXEiSNc">Anthropic</a></li><li>Voyage AI</li></ul><p>사용할 대화 모델의 제공자 이름을 다음 위치에 입력하세요.</p><p><img style="aspect-ratio:1884/1267;" src="AI Provider Information_im.png"
+  width="1884" height="1267" alt="대화 모델 제공자 설정"></p><p>임베딩 제공자는 다음 위치에서 지정합니다.</p><p><img style="aspect-ratio:1907/1002;" src="1_AI Provider Information_im.png"
+  width="1907" height="1002" alt="임베딩 제공자 설정"></p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 대화 모델 제공자 설정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Provider Precedence</span>: 제공자 우선순위</li><li><span lang="en">Refresh Statistics</span>: 통계 새로고침</li><li><span lang="en">Processed Notes</span>: 처리된 노트</li><li><span lang="en">Last Processed</span>: 마지막 처리</li><li><span lang="en">Queued Notes</span>: 대기 중인 노트</li><li><span lang="en">Failed Notes</span>: 실패한 노트</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Temperature</span>: 응답의 무작위성</li><li><span lang="en">Appearance</span>: 모양</li><li><span lang="en">Embeddings</span>: 임베딩</li><li><span lang="en">Shortcuts</span>: 단축키</li><li><span lang="en">Advanced</span>: 고급</li></ul><h3>이미지 2 · 임베딩 제공자 설정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Provider Precedence</span>: 제공자 우선순위</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Appearance</span>: 모양</li><li><span lang="en">Embeddings</span>: 임베딩</li><li><span lang="en">Shortcuts</span>: 단축키</li><li><span lang="en">Advanced</span>: 고급</li><li><span lang="en">Language</span>: 언어</li><li><span lang="en">Password</span>: 비밀번호</li><li><span lang="en">Options</span>: 옵션</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Other</span>: 기타</li><li><span lang="en">Model</span>: 모델</li></ul></section>
@@ -0,0 +1,10 @@
+<p><a href="https://ollama.com/">Ollama</a>는 여러 방식으로 설치할 수 있으며 <a href="https://hub.docker.com/r/ollama/ollama">Docker 컨테이너</a>에서도 실행할 수 있습니다. 지원되는 GPU를 사용하면 일반적으로 더 빠릅니다. CPU와 메모리만으로도 실행할 수 있습니다. 직접 설치하려면 공식 <a href="https://ollama.com/download">설치 프로그램</a>을 이용하세요.</p><p><img style="aspect-ratio:785/498;" src="3_Installing Ollama_image.png"
+  width="785" height="498" alt="Ollama 내려받기 화면"></p><p><img style="aspect-ratio:467/100;" src="Installing Ollama_image.png" width="467"
+    height="100" alt="설치 파일"></p><p><img style="aspect-ratio:1296/1011;" src="1_Installing Ollama_image.png"
+    width="1296" height="1011" alt="설치 진행 화면"></p><p>Windows에서는 설치 후 시작 메뉴에서 실행할 수 있습니다.</p><p><img style="aspect-ratio:1161/480;" src="2_Installing Ollama_image.png"
+    width="1161" height="480" alt="시작 메뉴의 Ollama"></p><p>PowerShell이나 명령 프롬프트에서 <code>ollama</code> 명령도 사용할 수 있습니다.</p><p><img style="aspect-ratio:1730/924;" src="5_Installing Ollama_image.png"
+    width="1730" height="924" alt="Ollama 명령줄 실행"></p><p>설치 후 <code>pull</code> 명령으로 사용할 모델을 내려받습니다. 다음은 원문 작성 시점인 2025년 4월에 소개한 도구 호출용 모델과 임베딩 모델의 예시입니다.</p><pre><code class="language-text-x-trilium-auto">ollama pull llama3.1:8b
+ollama pull mxbai-embed-large</code></pre><p>기본 포트는 11434입니다. <a href="http://localhost:11434">로컬 Ollama 상태 페이지</a>를 열면 실행 여부를 확인할 수 있습니다.</p><p><img style="aspect-ratio:585/202;" src="4_Installing Ollama_image.png"
+    width="585" height="202" alt="Ollama 정상 실행 응답"></p><p>서비스를 실행하고 모델을 내려받았다면 Trilium에서 채팅 제공자와 임베딩 제공자로 설정할 준비가 된 것입니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · Ollama 내려받기 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Download</span>: 다운로드</li></ul><h3>이미지 2 · 설치 파일</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Seconds</span>: 초</li></ul><h3>이미지 3 · 설치 진행 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Version</span>: 버전</li><li><span lang="en">Cancel</span>: 취소</li></ul><h3>이미지 4 · 시작 메뉴의 Ollama</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Folders</span>: 폴더</li></ul><h3>이미지 5 · Ollama 명령줄 실행</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Version</span>: 버전</li><li><span lang="en">Model</span>: 모델</li><li><span lang="en">List</span>: 목록</li><li><span lang="en">Help</span>: 도움말</li><li><span lang="en">Copy</span>: 복사</li></ul><h3>이미지 6 · Ollama 정상 실행 응답</h3><p>Ollama 서버가 실행 중임을 알리는 응답입니다. 이 응답이 보이면 본문에 안내된 주소를 연결 설정에 사용합니다.</p></section>
@@ -0,0 +1,28 @@
+<p>할 일 관리는 <a href="#root/_help_OFXdgB2nNk1F">주요 속성</a>과 <a
+  href="#root/_help_CdNpE2pqjmI6">스크립트</a>를 활용하는 <a href="#root/_help_wX4HbRucYSDD">기본 예제</a>입니다.</p><h2>동작 예시</h2><p><img src="Task Manager_task-manager.png" alt="할 일 관리 예제"></p><p>할 일과 완료된 일을 구분합니다. <code>doneDate</code>에 값이 있으면 완료된 일로 처리합니다. 아직 하지 않은 일은 장소와 태그로 분류하며 속성을 바꾸면 알맞은 위치로 자동 이동합니다.</p><p><a href="#root/_help_l0tKav7yLHGF">날짜별 노트</a>와도 연동합니다. 예정일인 <code>todoDate</code>와 완료일인 <code>doneDate</code>에 해당하는 날짜 노트 아래에 같은 작업을 <a href="#root/_help_IakOLONlIfGI">복제</a>하고 원본 예제에서는 TODO와 DONE <a href="#root/_help_kBrnXNG3Hplm">접두사</a>로 구분합니다.</p><h2>구현</h2><p>새 작업을 넣는 노트의 <code>~child:template</code> <a
+  href="#root/_help_zEY4DaJG4YT5">관계</a>가 작업 템플릿을 가리킵니다. <a href="#root/_help_bwZpz2ajCEwO">속성 상속</a>을 참고하세요.</p><h3>속성</h3><p>템플릿에서 예정일과 완료일 및 태그와 장소를 <a href="#root/_help_OFXdgB2nNk1F">주요 속성</a>으로 표시합니다. <code>~runOnAttributeChange</code>는 속성이 바뀔 때 실행할 <a href="#root/_help_GPERMystNGTB">이벤트</a> 처리기를 연결합니다. 이 <a href="#root/_help_CdNpE2pqjmI6">스크립트</a>는 완료일을 입력하면 완료 목록으로 옮기고 할 일과 장소 및 태그 목록에서 제거합니다.</p><h3>새 할 일 버튼</h3><pre><code class="language-text-x-trilium-auto">api.addButtonToToolbar({
+    title: '새 할 일',
+    icon: 'check',
+    shortcut: 'alt+n',
+    action: async () =&gt; {
+        // 노트 생성은 백엔드에서 처리합니다.
+        const taskNoteId = await api.runOnBackend(async () =&gt; {
+            const todoRootNote = await api.getNoteWithLabel('taskTodoRoot');
+            const {note} = await api.createNote(todoRootNote.noteId, '새 할 일', '');
+
+            return note.noteId;
+        });
+
+        // 생성한 노트를 바로 엽니다.
+        await api.activateNewNote(taskNoteId);
+    }
+});</code></pre><h3>색상</h3><p>다음 CSS <a href="#root/_help_6f9hih2hXXZk">코드 노트</a>는 할 일을 빨간색으로 표시하고 완료한 일을 초록색으로 표시합니다.</p><pre><code class="language-text-x-trilium-auto">span.fancytree-node.todo .fancytree-title {
+    color: red !important;
+}
+
+span.fancytree-node.done .fancytree-title {
+    color: green !important;
+}</code></pre><p>이 <a href="#root/_help_6f9hih2hXXZk">코드 노트</a>에 <code>#appCss</code> <a
+  href="#root/_help_zEY4DaJG4YT5">라벨</a>을 지정하면 시작할 때 적용됩니다. 이벤트 처리기는 상태에 따라 <code>#cssClass</code> 값으로 <code>todo</code>나 <code>done</code>을 지정합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 할 일 관리 예제</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Promoted</span>: 승격됨</li><li><span lang="en">Widget</span>: 위젯</li><li><span lang="en">Code</span>: 코드</li></ul></section>
@@ -0,0 +1,48 @@
+<p><img src="Weight Tracker_image.png" alt="체중 기록 예제"></p><p>체중 기록은 <a href="#root/_help_GLks18SNjxmC">스크립트 API</a>를 활용하는 <a href="#root/_help_wX4HbRucYSDD">기본 예제</a>입니다. <code>weight</code>를 <a href="#root/_help_OFXdgB2nNk1F">주요 속성</a>으로 지정한 <a href="#root/_help_KC1HB96bqqHX">템플릿</a>에서 <a href="#root/_help_l0tKav7yLHGF">날짜별 노트</a>를 만들면 체중을 입력하고 시간에 따른 변화를 차트로 볼 수 있습니다.</p><h2>구현 방식</h2><p>체중 기록 화면은 HTML 표시 노트입니다. 자체 본문 대신 <a href="#root/_help_CdNpE2pqjmI6">스크립트</a>의 결과를 표시하는 영역을 제공합니다. <code>~renderNote</code> <a href="#root/_help_zEY4DaJG4YT5">관계</a>로 구현용 노트와 연결합니다.</p><p>구현에는 HTML과 JavaScript <a href="#root/_help_6f9hih2hXXZk">코드 노트</a>가 사용됩니다. <code>weight</code> 속성이 있는 노트를 모아 차트로 표시합니다. 차트 라이브러리 <a
+  href="https://www.chartjs.org/">Chart.js</a>는 Trilium에 내장되어 있지 않으므로 첨부 파일로 가져옵니다.</p><h3>코드</h3><p>다음 코드를 프런트엔드 JavaScript <a href="#root/_help_6f9hih2hXXZk">코드 노트</a>에 작성합니다.</p><pre><code class="language-text-x-trilium-auto">async function getChartData() {
+    const days = await api.runOnBackend(async () =&gt; {
+        const notes = api.getNotesWithLabel('weight');
+        const days = [];
+
+        for (const note of notes) {
+            const date = note.getLabelValue('dateNote');
+            const weight = parseFloat(note.getLabelValue('weight'));
+
+            if (date &amp;&amp; weight) {
+                days.push({ date, weight });
+            }
+        }
+
+        days.sort((a, b) =&gt; a.date &gt; b.date ? 1 : -1);
+
+        return days;
+    });
+
+    const datasets = [
+        {
+            label: "체중 (kg)",
+            backgroundColor: 'red',
+            borderColor: 'red',
+            data: days.map(day =&gt; day.weight),
+            fill: false,
+            spanGaps: true,
+            datalabels: {
+                display: false
+            }
+        }
+    ];
+
+    return {
+        datasets: datasets,
+        labels: days.map(day =&gt; day.date)
+    };
+}
+
+const ctx = $("#canvas")[0].getContext("2d");
+
+new chartjs.Chart(ctx, {
+    type: 'line',
+    data: await getChartData()
+});</code></pre><h2>상단 버튼 숨기기</h2><p>체중 기록의 연결된 노트 중 버튼 구현 노트를 찾아 본문을 지우거나 주석으로 처리하세요. Trilium을 다시 시작하면 체중 기록 버튼이 표시되지 않습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 체중 기록 예제</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Widget</span>: 위젯</li></ul></section>
@@ -0,0 +1,8 @@
+<p><img style="aspect-ratio:1071/146;" src="Attributes_image.png" width="1071"
+  height="146" alt="노트 속성"></p><p>속성은 노트에 지정하는 이름과 값의 쌍입니다. 추가 정보를 저장하거나 기능을 설정하며 크게 두 종류로 나뉩니다.</p><ul><li><a class="reference-link" href="#root/_help_HI6GBBIduIgv">라벨</a> — 메타데이터를 저장하거나 노트의 동작을 설정합니다. 검색에도 사용할 수 있습니다. 미리 정의된 항목은 <a class="reference-link"
+      href="#root/_help_HI6GBBIduIgv">라벨 안내</a>를 참고하세요.</li><li><a class="reference-link" href="#root/_help_Cq5X6iKQop6R">관계</a> — 링크처럼 노트 사이의 연결을 정의합니다. 메타데이터와 스크립트에 활용할 수 있습니다. 미리 정의된 항목은 <a
+      class="reference-link" href="#root/_help_Cq5X6iKQop6R">관계 안내</a>를 참고하세요.</li></ul><h2>속성 목록 확인하기</h2><p>현재 노트에 직접 지정한 라벨과 관계는 <a class="reference-link" href="#root/_help_BlN9DFI679QC">상단 리본</a>의 소유한 속성에서 확인하고 수정할 수 있습니다. 상위 노트에서 물려받은 항목은 상속된 속성에서 확인할 수 있으며 그곳에서는 수정할 수 없습니다.</p><p>목록에서 라벨 앞에는 <code>#</code>이 붙고 관계 앞에는 <code>~</code>가 붙습니다.</p><h2>같은 이름의 여러 값</h2><p>같은 이름의 속성을 여러 개 지정할 수 있습니다. 이를 통해 한 항목에 여러 값을 저장할 수 있습니다.</p><h2>속성 정의와 주요 속성</h2><p>특별한 라벨로 속성의 형식과 표시 방법을 정의할 수 있습니다. <a class="reference-link"
+  href="#root/_help_OFXdgB2nNk1F">주요 속성</a>을 참고하세요.</p><h2>속성 상속</h2><p>하위 노트가 상위 노트의 속성을 물려받을 수 있습니다. 자세한 내용은 <a class="reference-link"
+  href="#root/_help_bwZpz2ajCEwO">속성 상속</a>을 참고하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 속성</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Owned Attributes</span>: 소유한 속성</li><li><span lang="en">Promoted</span>: 승격됨</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Date</span>: 날짜</li></ul></section>
@@ -0,0 +1,3 @@
+<p>주요 속성은 자주 사용하는 <a href="#root/_help_zEY4DaJG4YT5">속성</a>을 노트의 주 화면에 입력란으로 표시하는 기능입니다.</p><p><img src="Promoted Attributes_promot.png" alt="주요 속성 입력란"></p><p>각 입력란은 일반 속성과 같은 값을 저장합니다. 검색이나 스크립트에서 사용할 속성을 매번 메뉴에서 찾지 않고 바로 확인하고 수정할 수 있습니다.</p><h2>속성 정의</h2><p>속성의 이름과 값은 문자열입니다. 속성 정의는 값을 글자나 날짜 등 어떤 형식으로 해석할지와 여러 값을 허용할지 및 주요 속성으로 표시할지를 지정합니다.</p><p><img src="Promoted Attributes_image.png" alt="속성 정의 예시"></p><p>실제 값을 저장하는 속성과 그 형식을 지정하는 속성은 별개입니다. 형식 정의에 <a href="#root/_help_bwZpz2ajCEwO">상속</a>을 설정하면 하위 트리 전체에 공통으로 적용하고 값은 각 노트에 따로 지정할 수 있습니다.</p><h3>역방향 관계</h3><p>배우자 관계처럼 양쪽에 같은 이름의 관계가 필요한 경우가 있습니다. 한 노트에서 다른 노트로 <code>isPartnerOf</code>를 연결했다면 반대 방향에도 같은 관계가 있어야 합니다.</p><p>부모와 자녀는 방향에 따라 이름이 다릅니다. 부모에서 자녀로는 <code>isParentOf</code>를 사용하고 반대쪽에는 <code>isChildOf</code>를 사용할 수 있습니다.</p><p>관계 정의에서 서로의 역방향 관계 이름을 지정하면 자동으로 관리할 수 있습니다. 부모·자녀 예제에서는 각 관계의 정의에 상대 관계 이름을 지정해야 합니다. 관계를 저장하면 대상 노트의 역방향 관계도 확인하고 생성합니다. 관계를 삭제하면 대응하는 역방향 관계도 삭제합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 주요 속성 입력란</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Promoted</span>: 승격됨</li><li><span lang="en">Note</span>: 참고</li><li><span lang="en">Type</span>: 유형</li></ul><h3>이미지 2 · 속성 정의 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Label definition detail</span>: 라벨 정의 상세</li><li><span lang="en">Owned Attributes</span>: 소유한 속성</li><li><span lang="en">Multiplicity</span>: 다중성</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">label name</span>: 라벨 이름</li><li><span lang="en">Promoted</span>: 승격됨</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Delete</span>: 삭제</li><li><span lang="en">Close</span>: 닫기</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Other</span>: 기타</li><li><span lang="en">Save</span>: 저장</li></ul></section>
@@ -0,0 +1,6 @@
+<p><img style="aspect-ratio:1425/654;" src="Bulk Actions_image.png" width="1425"
+  height="654" alt="일괄 작업 설정"></p><p>일괄 작업으로 여러 노트에 라벨을 추가하거나 지우고 스크립트를 실행할 수 있습니다.</p><h2>사용 방법</h2><p><a class="reference-link"
+    href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>에서 노트 하나를 선택하거나 <a class="reference-link" href="#root/_help_yTjUdsOi4CIE">여러 노트 선택</a> 방법으로 대상을 지정합니다. <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>의 마우스 오른쪽 메뉴에서 고급 → 일괄 작업 적용을 선택합니다.</p><p>기본 대상은 선택한 노트뿐입니다. 하위 노트도 처리하려면 선택한 노트의 하위 항목 포함을 선택하세요. 위쪽의 대상 노트 수가 갱신됩니다. 사용 가능한 작업에서 항목을 선택하고 선택한 작업 영역에서 세부 값을 지정합니다. 같은 유형의 작업을 여러 번 추가할 수 있으며 오른쪽 X로 제거합니다. 설정을 마친 뒤 일괄 작업 실행을 누릅니다. 마지막 설정은 다음에 창을 열 때 복원됩니다.</p><h2>라벨 작업</h2><p><a class="reference-link" href="#root/_help_HI6GBBIduIgv">라벨</a>을 다음과 같이 관리합니다.</p><ul><li>라벨 추가 — 같은 이름의 <a href="#root/_help_HI6GBBIduIgv">라벨</a>이 없으면 만들고 있으면 값을 바꿉니다. 새 값을 비우면 값 없는 라벨이 됩니다.</li><li>라벨 값 변경 — 해당 <a href="#root/_help_HI6GBBIduIgv">라벨</a>이 있는 노트만 처리합니다. 값을 비우면 기존 값이 지워집니다.</li><li>라벨 이름 변경 — 해당 <a href="#root/_help_HI6GBBIduIgv">라벨</a>의 이름만 바꾸고 값은 유지합니다.</li><li>라벨 삭제 — 같은 이름의 라벨을 값 유무와 관계없이 삭제합니다.</li></ul><h2>관계 작업</h2><p><a class="reference-link" href="#root/_help_Cq5X6iKQop6R">관계</a>의 추가와 대상 변경 및 이름 변경과 삭제를 지원합니다. 추가는 지정한 노트를 가리키는 관계를 만듭니다. 나머지 작업은 해당 관계가 있는 노트만 처리합니다. 이름을 바꿔도 대상 노트는 유지됩니다.</p><h2>노트 작업</h2><p>노트 이름 변경은 모든 대상의 제목을 지정한 값으로 바꿉니다. <a
+        class="reference-link" href="#root/_help_habiZ3HU8Kw8">FNote</a> 정보에 접근하는 템플릿 문자열도 사용할 수 있습니다. <code>새 항목: ${note.title}</code>은 제목 앞에 문구를 붙입니다. <code>${note.dateCreatedObj.format('MM-DD')}: ${note.title}</code>은 만든 날짜를 월·일 형식으로 붙입니다.</p><p>노트 이동은 지정한 상위 노트 아래로 옮깁니다. 간단한 이동은 <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>에서 잘라내기와 붙여넣기 또는 메뉴로 처리해도 됩니다. 노트 삭제는 대상을 삭제합니다. <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>에서 선택하고 Delete를 누르는 방법도 있습니다. 노트 수정 이력 삭제는 대상의 모든 <a class="reference-link" href="#root/_help_vZWERwf8U3nx">수정 이력</a>을 지웁니다.</p><h2>스크립트 실행</h2><p>복잡한 작업은 JavaScript로 작성할 수 있습니다. 다음 예제는 제목 뒤에 문구를 붙입니다.</p><pre><code class="language-application-javascript-env-backend">note.title = note.title + " - 추가 문구";</code></pre><p>다음 예제는 <code>#shareAlias</code> 라벨을 노트 제목으로 설정합니다.</p><pre><code class="language-application-javascript-env-backend">note.setLabel("shareAlias", note.title)</code></pre>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 일괄 작업 설정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Update relation target</span>: 관계 대상 업데이트</li><li><span lang="en">Execute bulk actions</span>: 일괄 작업 실행</li><li><span lang="en">Update label value</span>: 라벨 값 업데이트</li><li><span lang="en">Available actions</span>: 사용 가능한 작업</li><li><span lang="en">Delete relation</span>: 관계 삭제</li><li><span lang="en">Rename relation</span>: 관계 이름 변경</li><li><span lang="en">Affected notes</span>: 영향받는 노트</li><li><span lang="en">Chosen actions</span>: 선택된 작업</li><li><span lang="en">Note Revisions</span>: 노트 수정 이력</li><li><span lang="en">Execute script</span>: 스크립트 실행</li><li><span lang="en">Delete label</span>: 라벨 삭제</li><li><span lang="en">Rename label</span>: 라벨 이름 변경</li></ul></section>
@@ -0,0 +1,3 @@
+<p>고급 개발이나 문제 해결 과정에서 Trilium의 SQLite 데이터베이스를 직접 수정해야 할 때가 있습니다. 수정하기 전에 <code>document.db</code>를 백업하세요.</p><h2>내장 SQL 콘솔 사용하기</h2><p>Trilium에는 데이터베이스 편집기가 내장되어 있습니다. <a class="reference-link" href="#root/_help_YKWqdJhzi2VY">SQL 콘솔</a>을 참고하세요.</p><h2>외부 도구로 수정하기</h2><p>애플리케이션이 실행되지 않는 경우처럼 SQL 콘솔을 사용할 수 없을 때는 외부 도구를 이용할 수 있습니다. 데스크톱 앱을 종료하거나 서버 서비스와 Docker 컨테이너를 중지한 뒤 작업하세요.</p><h3>DB Browser for SQLite 사용하기</h3><p>여러 운영체제에서 사용할 수 있는 그래픽 데이터베이스 편집기입니다.</p><ul><li>파일 메뉴에서 데이터베이스 열기를 선택하고 <a href="#root/_help_tAassRL4RSQL">데이터 폴더</a>의 데이터베이스를 엽니다.</li><li>SQL 실행 탭을 선택합니다.</li><li>원하는 SQL 문을 입력합니다.</li><li>탭 아래 도구 모음의 실행 버튼을 누르거나 <kbd>F5</kbd>를 누릅니다.</li><li>주 도구 모음에서 변경 사항 쓰기를 누릅니다.</li><li>데이터베이스나 프로그램을 닫습니다.</li></ul><p><img src="Manually altering the data.png" alt="외부 데이터베이스 편집기 사용 예시"></p><h3>SQLite 명령줄 도구 사용하기</h3><p>데이터베이스 경로를 지정해 실행하세요.</p><pre><code class="language-text-x-trilium-auto">sqlite3 ~/.local/share/trilium-data/document.db</code></pre><ul><li>SQL 문 끝에 <code>;</code>을 붙여 입력합니다.</li><li>종료하려면 <code>.quit</code>을 입력하고 <kbd>Enter</kbd>를 누릅니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 외부 데이터베이스 편집기 사용 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Attributes</span>: 속성</li><li><span lang="en">Delete</span>: 삭제</li><li><span lang="en">Tables</span>: 테이블</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Value</span>: 값</li><li><span lang="en">Query</span>: 쿼리</li><li><span lang="en">Name</span>: 이름</li><li><span lang="en">Type</span>: 유형</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Open</span>: 열기</li><li><span lang="en">File</span>: 파일</li><li><span lang="en">Size</span>: 크기</li></ul></section>
@@ -0,0 +1,3 @@
+<p>SQL 콘솔은 Trilium에 내장된 데이터베이스 편집기입니다.</p><p><a href="#root/_help_Vc8PjrjAGuOp">전체 메뉴</a> → 고급 → SQL 콘솔 열기에서 실행할 수 있습니다.</p><p><img src="SQL Console_image.png" alt="SQL 콘솔 화면"></p><h3>사용 방법</h3><ul><li>화면 위쪽의 테이블 이름에 마우스를 올리면 열 이름과 자료형을 확인할 수 있습니다.</li><li>SQL 문은 한 번에 하나씩 실행할 수 있습니다.</li><li><img src="3_SQL Console_image.png" alt="실행 버튼">을 누르면 작성한 SQL 문을 실행합니다.</li><li>조회 결과는 표로 표시됩니다.<p><img src="1_SQL Console_image.png" alt="SQL 조회 결과"></p></li></ul><h3>SQL 콘솔 저장하기</h3><p>SQL 조회문이나 명령을 전용 노트로 저장할 수 있습니다. SQL 문을 작성한 뒤 <img src="2_SQL Console_image.png" alt="저장 버튼">을 누르세요. 저장한 노트는 <a href="#root/_help_l0tKav7yLHGF">날짜별 노트</a>에 나타납니다.</p><ul><li>SQL 문은 기본 화면에 표시되지 않습니다. 노트의 오른쪽 클릭 메뉴에서 노트 소스 보기를 선택하면 확인할 수 있습니다.</li><li>저장된 SQL 문은 직접 수정할 수 없습니다. 변경하려면 SQL 콘솔에 복사해 수정한 뒤 다시 저장하세요.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · SQL 콘솔 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Options</span>: 옵션</li><li><span lang="en">Tables</span>: 테이블</li><li><span lang="en">Value</span>: 값</li><li><span lang="en">Name</span>: 이름</li></ul><h3>이미지 3 · SQL 조회 결과</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Attributes</span>: 속성</li><li><span lang="en">Revisions</span>: 수정 이력</li><li><span lang="en">Options</span>: 옵션</li><li><span lang="en">Value</span>: 값</li></ul></section>
@@ -0,0 +1,15 @@
+<p><img style="aspect-ratio:263/445;" src="Hidden Notes_image.png" width="263"
+  height="445" alt="숨겨진 노트 트리"></p><p>Trilium은 여러 기능의 정보를 실제 노트로 저장합니다. 덕분에 <a class="reference-link"
+  href="#root/_help_zEY4DaJG4YT5">속성</a>과 <a class="reference-link"
+  href="#root/_help_Cq5X6iKQop6R">관계</a> 및 <a class="reference-link"
+  href="#root/_help_eIg8jdvaoNNd">검색</a>과 <a class="reference-link"
+  href="#root/_help_QEAPj01N5f7w">링크</a>를 활용할 수 있습니다. 트리가 복잡해지거나 실수로 지우는 일을 줄이기 위해 기본적으로 숨겨 둡니다. 일반 노트처럼 <a class="reference-link"
+  href="#root/_help_wX4HbRucYSDD">데이터베이스</a>에 저장되지만 특별한 <a class="reference-link" href="#root/_help_m1lbrzyKDaRB">노트 ID</a>로 구분합니다.</p><h2>숨겨진 트리 열기</h2><p><a class="reference-link" href="#root/_help_x3i7MxGccDuM">전체 메뉴</a>에서 고급 → 숨겨진 하위 트리 표시를 선택합니다.</p><h2>구성</h2><ul><li><a class="reference-link" href="#root/_hidden/_help__globalNoteMap">노트 지도</a> — <a class="reference-link" href="#root/_help_bdUJEHsAPYQR">노트 지도</a> 기능을 <a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>에서 열 때 사용하는 노트입니다. 하위 노트를 만들어 지도 모음을 보관하고 다른 곳에서 연결하거나 <a href="#root/_help_u3YFHC9tQlpm">북마크</a>로 지정할 수 있습니다.</li><li><a class="reference-link" href="#root/_hidden/_help__sqlConsole">SQL 콘솔 기록</a> — <a class="reference-link"
+            href="#root/_help_YKWqdJhzi2VY">SQL 콘솔</a>에서 실행한 쿼리를 월별로 보관합니다. 결과는 저장하지 않습니다. <a class="reference-link" href="#root/_help_x3i7MxGccDuM">전체 메뉴</a> → 고급 → SQL 콘솔 기록 열기로도 접근합니다. 기록 처리에 영향을 주지 않도록 임의의 하위 노트는 만들지 않는 편이 좋습니다.</li><li><a class="reference-link" href="#root/_hidden/_help__search">검색 기록</a> — 전체 <a class="reference-link"
+            href="#root/_help_eIg8jdvaoNNd">검색</a>의 조건을 월별로 보관합니다. 결과 자체는 저장하지 않습니다. <a class="reference-link" href="#root/_help_x3i7MxGccDuM">전체 메뉴</a> → 고급 → 검색 기록 열기로 접근합니다. 임의의 하위 노트는 권장하지 않습니다.</li><li><a class="reference-link" href="#root/_hidden/_help__bulkAction">일괄 작업</a> — 마지막 <a class="reference-link" href="#root/_help_ivYnonVFBxbQ">일괄 작업</a> 설정을 각 <code>action</code> 라벨에 보관합니다. 하위 노트를 만들어도 특별한 기능은 없습니다.</li><li><a class="reference-link" href="#root/_hidden/_help__backendLog">백엔드 로그</a> — 서버의 <a class="reference-link"
+            href="#root/_help_qzNzp9LYQyPT">오류 로그</a>를 표시합니다. <a class="reference-link" href="#root/_help_x3i7MxGccDuM">전체 메뉴</a> → 고급 → 백엔드 로그 표시로도 엽니다.</li><li><a class="reference-link" href="#root/_hidden/_help__userHidden">사용자 숨김 영역</a> — <a href="#root/_help_CdNpE2pqjmI6">스크립트</a>가 화면에 직접 표시하지 않을 노트를 보관하는 공간입니다. ID는 <code>_userHidden</code>입니다.</li><li><a class="reference-link" href="#root/_hidden/_help__lbTplRoot">실행 도구 템플릿</a> — <a
+            class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>의 새 항목을 만드는 템플릿입니다. 하위 노트를 만들 수 없습니다. 일부 내용을 바꿀 수는 있지만 보통 필요하지 않습니다.</li><li><a class="reference-link" href="#root/_hidden/_help__share">공유 노트</a> — 위치와 관계없이 <a href="#root/_help_R9pX4DGra2Vt">공개 공유</a> 중인 노트를 모아 보여 줍니다. <a class="reference-link" href="#root/_help_x3i7MxGccDuM">전체 메뉴</a>의 공유 노트 하위 트리 표시로도 엽니다. 하위 노트는 만들 수 없습니다.</li><li><a class="reference-link" href="#root/_hidden/_help__lbRoot">실행 도구 모음</a> — 사용 가능하거나 화면에 표시 중인 <a class="reference-link"
+            href="#root/_help_xYmIYSP6wE3F">실행 도구</a>를 담습니다. <a class="reference-link" href="#root/_help_x3i7MxGccDuM">전체 메뉴</a>에서 실행 도구 모음 설정을 선택하거나 <a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>의 빈 곳을 마우스 오른쪽 버튼으로 눌러 설정합니다. 하위 노트는 만들 수 없습니다.</li><li><a class="reference-link" href="#root/_hidden/_help__options">설정</a> — <a class="reference-link" href="#root/_help_4TIF1oA4VQRO">설정 항목</a>을 저장합니다. <a class="reference-link" href="#root/_help_x3i7MxGccDuM">전체 메뉴</a>의 설정 또는 <a class="reference-link"
+              href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>의 설정 아이콘으로 엽니다.</li><li><a class="reference-link" href="#root/_hidden/_help__lbMobileRoot">모바일 실행 도구 모음</a> — 모바일 화면에서 사용하는 별도 도구 모음입니다. 모바일 화면에서 같은 방법으로 설정합니다.</li><li><a class="reference-link" href="#root/_hidden/_help__help">사용자 안내서</a> — 도움말 노트의 구조와 메타데이터를 담습니다. 본문은 앱 디렉터리의 파일에서 읽습니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 숨겨진 노트 트리</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note Map</span>: 노트 지도</li><li><span lang="en">Options</span>: 옵션</li><li><span lang="en">Search</span>: 검색</li><li><span lang="en">action</span>: 작업</li><li><span lang="en">Shared</span>: 공유됨</li><li><span lang="en">Notes</span>: 노트</li></ul></section>
@@ -0,0 +1,28 @@
+<p>측정 지표 API는 Prometheus 같은 외부 모니터링 시스템에 Trilium 상태를 제공합니다.</p><h2>접속</h2><p><code>GET /etapi/metrics</code>로 요청합니다. ETAPI 토큰이 필요하며 기본 응답은 Prometheus 텍스트 형식입니다.</p><pre><code class="language-text-x-trilium-auto"># ETAPI 토큰 발급 예시
+curl -X POST http://localhost:8080/etapi/auth/login \
+  -H "Content-Type: application/json" \
+  -d '{"password": "your_password"}'
+</code></pre><h2>사용 예시</h2><pre><code class="language-text-x-trilium-auto">curl -H "Authorization: YOUR_ETAPI_TOKEN" \
+  http://localhost:8080/etapi/metrics
+</code></pre><p>다음과 같은 형식으로 응답합니다. 지표 이름과 형식은 연동을 위해 유지합니다.</p><pre><code class="language-text-x-trilium-auto"># HELP trilium_info Trilium 인스턴스 정보
+# TYPE trilium_info gauge
+trilium_info{version="0.91.6",db_version="231",node_version="v18.17.0"} 1 1701432000
+
+# HELP trilium_notes_total 삭제된 노트를 포함한 전체 노트 수
+# TYPE trilium_notes_total gauge
+trilium_notes_total 1234 1701432000
+</code></pre><p>JSON으로 받으려면 다음처럼 요청합니다.</p><pre><code class="language-text-x-trilium-auto">curl -H "Authorization: YOUR_ETAPI_TOKEN" \
+  "http://localhost:8080/etapi/metrics?format=json"
+</code></pre><h2>제공 지표</h2><ul><li><code>trilium_info</code> — 버전과 빌드 정보</li><li><code>trilium_notes_total</code> — 삭제된 노트를 포함한 전체 노트 수</li><li><code>trilium_notes_deleted</code> — 삭제된 노트 수</li><li><code>trilium_notes_active</code> — 활성 노트 수</li><li><code>trilium_notes_protected</code> — 보호 노트 수</li><li><code>trilium_attachments_total</code> — 전체 첨부 파일 수</li><li><code>trilium_attachments_active</code> — 활성 첨부 파일 수</li><li><code>trilium_revisions_total</code> — 수정 이력 수</li><li><code>trilium_branches_total</code> — 활성 가지 수</li><li><code>trilium_attributes_total</code> — 활성 속성 수</li><li><code>trilium_blobs_total</code> — 본문 데이터 레코드 수</li><li><code>trilium_etapi_tokens_total</code> — 활성 ETAPI 토큰 수</li><li><code>trilium_embeddings_total</code> — 노트 임베딩 수</li><li><code>trilium_notes_by_type</code> — 유형별 노트 수. type 라벨로 구분합니다.</li><li><code>trilium_attachments_by_type</code> — MIME 유형별 첨부 파일 수. mime_type 라벨로 구분합니다.</li><li><code>trilium_database_size_bytes</code> — 데이터베이스 크기. 바이트 단위입니다.</li><li><code>trilium_oldest_note_timestamp</code> — 가장 오래된 노트의 시각</li><li><code>trilium_newest_note_timestamp</code> — 가장 최근 노트의 시각</li><li><code>trilium_last_modified_timestamp</code> — 마지막 수정 시각</li></ul><h2>Prometheus 설정</h2><p><code>prometheus.yml</code>에 추가할 예시입니다.</p><pre><code class="language-text-x-trilium-auto">scrape_configs:
+  - job_name: 'trilium'
+    static_configs:
+      - targets: ['localhost:8080']
+    metrics_path: '/etapi/metrics'
+    bearer_token: 'YOUR_ETAPI_TOKEN'
+    scrape_interval: 30s
+</code></pre><h2>오류 응답</h2><p>400은 지원하지 않는 format 값입니다. 401은 토큰이 없거나 유효하지 않다는 뜻이며 500은 서버 내부 오류입니다.</p><h2>Grafana 대시보드</h2><p><img style="aspect-ratio:2594/1568;" src="1_Metrics_image.png" width="2594"
+  height="1568" alt="Trilium 모니터링 대시보드"></p><p><a class="reference-link" href="#root/_help_bOP3TB56fL1V">Grafana 대시보드 JSON</a>을 가져오기 화면에 입력하세요.</p><p><img style="aspect-ratio:1881/282;" src="2_Metrics_image.png" width="1881"
+  height="282" alt="대시보드 가져오기 메뉴"></p><p>JSON을 붙여넣고 불러오기를 누릅니다.</p><p><img style="aspect-ratio:1055/830;" src="Metrics_image.png" width="1055"
+  height="830" alt="대시보드 JSON 입력"></p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · Trilium 모니터링 대시보드</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Attachments Growth Over Time</span>: 시간에 따른 첨부 파일 수 변화</li><li><span lang="en">Notes Growth Over Time</span>: 시간에 따른 노트 수 변화</li><li><span lang="en">Notes by Content Type</span>: 내용 유형별 노트</li><li><span lang="en">TriliumNext Dashboard</span>: TriliumNext 대시보드</li><li><span lang="en">Trends &amp; Time Series</span>: 시간에 따른 변화</li><li><span lang="en">Attachments by Type</span>: 유형별 첨부 파일</li><li><span lang="en">Notes Distribution</span>: 노트 분포</li><li><span lang="en">Trilium Overview</span>: Trilium 개요</li><li><span lang="en">Protected Notes</span>: 보호된 노트</li><li><span lang="en">Database Size</span>: 데이터베이스 크기</li><li><span lang="en">Deleted Notes</span>: 삭제된 노트</li><li><span lang="en">Active Notes</span>: 사용 중인 노트</li></ul><h3>이미지 2 · 대시보드 가져오기 메뉴</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Folders</span>: 폴더</li><li><span lang="en">Search</span>: 검색</li></ul><h3>이미지 3 · 대시보드 JSON 입력</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Import</span>: 가져오기</li><li><span lang="en">title</span>: 제목</li><li><span lang="en">Model</span>: 모델</li><li><span lang="en">File</span>: 파일</li></ul></section>
@@ -0,0 +1,3 @@
+<p>노트 지도는 노트 사이의 연결을 시각적으로 보여 줍니다. 노트들이 어떤 구조로 묶여 있는지 파악할 수 있습니다.</p><p>다음 두 가지 보기가 있습니다.</p><ul><li>링크 지도 — 노트 사이의 관계를 표시합니다.</li><li>트리 지도 — 노트의 계층 구조를 표시합니다.</li></ul><h2>링크 지도</h2><p>노트 사이의 <a href="#root/_help_zEY4DaJG4YT5">관계</a>를 보여 줍니다.</p><p><img src="1_Note Map (Link map, Tree m.png" alt="링크 지도"></p><h2>트리 지도</h2><p>노트의 상위·하위 구조를 보여 줍니다.</p><p><img src="Note Map (Link map, Tree m.png" alt="트리 지도"></p><h2>독립된 노트 유형</h2><p>모든 노트에서 열 수 있는 지도 기능 외에 관계를 전체 화면에 표시하는 전용 노트를 만들 수도 있습니다. <a href="#root/_help_bdUJEHsAPYQR">노트 지도 유형</a>을 참고하세요.</p><h2>관련 기능</h2><p><a href="#root/_help_iRwzGnHPzonm">관계 지도</a>는 비슷한 기능이지만 다음과 같은 차이가 있습니다.</p><ul><li>노트 지도는 자동으로 만들어집니다. 관계 지도는 직접 구성합니다.</li><li>관계 지도는 하나의 노트 유형입니다. 링크 지도는 연결을 화면에 보여 주는 보기 기능입니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 링크 지도</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Template</span>: 템플릿</li></ul><h3>이미지 2 · 트리 지도</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Note Map</span>: 노트 지도</li><li><span lang="en">Widget</span>: 위젯</li></ul></section>
@@ -0,0 +1,18 @@
+<h2>노트의 내부 형식</h2><p>본문을 저장하는 방식은 <a class="reference-link" href="#root/_help_KSZ04uQ2D1St">노트 유형</a>마다 다릅니다.</p><ul><li><a class="reference-link" href="#root/_help_iPIMuisry3hd">텍스트 노트</a>는 <a class="reference-link"
+    href="#root/_help_MI26XDLSAlCD">CKEditor</a>가 사용하는 HTML로 저장합니다. 안내 상자처럼 Trilium 전용 요소도 있습니다.</li><li><a class="reference-link" href="#root/_help_6f9hih2hXXZk">코드 노트</a>는 입력한 텍스트를 그대로 저장합니다.</li><li><a class="reference-link" href="#root/_help_81SGnPGMk7Xc">지리 지도</a>는 위치와 확대 비율 등의 JSON을 저장합니다.</li><li><a class="reference-link" href="#root/_help_grjYqerjn243">캔버스</a>는 <a
+    class="reference-link" href="#root/_help_H0mM1lTxF9JI">Excalidraw</a>의 JSON과 Trilium용 정보를 함께 저장합니다.</li><li><a class="reference-link" href="#root/_help_gBbsAeiuUxI5">마인드맵</a>은 <a class="reference-link"
+    href="#root/_help_N4IDkixaDG9C">MindElixir</a>의 JSON 형식을 사용합니다.</li></ul><p>일부 정보는 <a class="reference-link"
+  href="#root/_help_0vhv7lsOLy82">첨부 파일</a>에 저장합니다. <a class="reference-link"
+  href="#root/_help_grjYqerjn243">캔버스</a>는 사용자 라이브러리를 첨부하며 <a class="reference-link"
+  href="#root/_help_gBbsAeiuUxI5">마인드맵</a> 등은 다른 노트에 포함하거나 공유할 때 사용할 SVG 미리보기도 첨부합니다.</p><p>다음은 이 문서의 HTML 형식을 설명하는 예제입니다.</p><pre><code class="language-text-x-trilium-auto">&lt;h2&gt;
+	노트의 내부 형식
+&lt;/h2&gt;
+&lt;p&gt;
+	본문을 저장하는 방식은 다음 유형에 따라 다릅니다.&amp;nbsp;
+	&lt;a class="reference-link" href="#root/_help_KSZ04uQ2D1St"&gt;
+		노트 유형
+	&lt;/a&gt;
+	.
+&lt;/p&gt;</code></pre><h2>소스 보기</h2><p><a class="reference-link" href="#root/_help_8YBEPzcpUgxw">노트 메뉴</a>에서 노트 소스를 선택하면 새 탭에서 열립니다. 텍스트 노트처럼 일부 유형은 읽기 편하도록 들여쓰기를 적용합니다.</p><p><img src="Note source_image.png" alt="노트 소스 화면"></p><h2>소스 수정</h2><p>소스 보기 화면에서 직접 편집할 수는 없습니다. 수정하려면 노트 유형을 일반 텍스트나 JSON 또는 HTML 코드로 바꾸고 경고를 확인한 뒤 본문을 고치세요. 작업 후에는 원래 유형으로 되돌립니다.</p><p>형식을 잘못 수정하면 노트가 표시되지 않을 수 있습니다. 먼저 이전 버전을 저장하세요. 문제가 생기면 소스를 다시 수정하거나 이전 버전으로 복원합니다. 화면이 정상으로 돌아오지 않으면 새로고침이 필요할 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 소스 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note source</span>: 노트 소스</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Code</span>: 코드</li></ul></section>
@@ -0,0 +1,14 @@
+<p>선택한 노트를 누구나 읽을 수 있는 웹문서로 공개합니다. 공유 화면은 읽기 전용입니다.</p><p><img style="aspect-ratio:1144/660;" src="Sharing_image.png" width="1144"
+  height="660" alt="공유 페이지"></p><h2>기능과 제한</h2><p>제목 검색과 모바일 화면을 지원합니다. 브라우저 설정에 따라 밝은 모드와 어두운 모드를 적용하며 직접 전환한 설정도 기억합니다. 트리를 접거나 펼치고 로고를 바꿀 수 있습니다. 이전·다음 노트 이동과 마지막 수정 날짜도 표시합니다.</p><ul><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_iPIMuisry3hd">텍스트</a> — 목차와 수식을 표시합니다. 언어를 지정한 코드 블록은 구문 강조를 지원하지만 자동 감지는 지원하지 않습니다. 노트 포함과 본문 안의 Mermaid 도표는 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_6f9hih2hXXZk">코드</a> — 고정폭 글꼴로 본문을 보여 주지만 구문 강조는 없습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_m523cpzocqaD">저장된 검색</a> — 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_iRwzGnHPzonm">관계도</a> — 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_bdUJEHsAPYQR">노트 지도</a> — 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_HcABDtFCkbFN">렌더링 노트</a> — 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_GTwFsgaA0lCt">책</a> — 하위 노트를 정해진 형식으로 표시합니다. 달력 등 고급 보기는 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_s1aBHPd79XYj">Mermaid 도표</a> — 벡터 이미지로 표시합니다. 추가 조작은 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_grjYqerjn243">캔버스</a> — 벡터 이미지로 표시합니다. 추가 조작은 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_1vHRoWCEjj0L">웹 보기</a> — 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_gBbsAeiuUxI5">마인드맵</a> — 벡터 이미지로 표시합니다. 추가 조작은 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_81SGnPGMk7Xc">지리 지도</a> — 지원하지 않습니다.</li><li><a class="reference-link" href="#root/pOsGYCXsbNQG/KSZ04uQ2D1St/_help_W8vYD3Q1zjCR">파일</a> — 내려받기를 지원합니다.</li></ul><p>공유 트리는 정적인 구조이며 보호된 노트는 공유할 수 없습니다.</p><h2>공유하기</h2><p><a class="reference-link"
+    href="#root/_help_WOcw2SLH6tbX">서버 설치</a>가 필요합니다. 노트 화면에서 공유 스위치를 켜면 접근할 URL이 나타납니다.</p><p><img src="Sharing_share-single-note.png" alt="노트 공유 스위치"></p><p>표시된 링크를 브라우저에서 엽니다. 서버 주소 설정에 따라 <code>localhost</code> 주소가 보일 수도 있습니다. 외부 접속에는 외부에서 접근 가능한 서버 주소가 필요합니다.</p><h3>하위 트리</h3><p>노트를 공유하면 그 아래의 하위 노트도 함께 공유됩니다. 공유 노트 하위 트리 표시에서 전체 공개 목록을 확인할 수 있습니다.</p><h3>접근 범위</h3><p>별도 인증을 설정하지 않은 공유 문서는 URL을 아는 누구나 열 수 있습니다. 무작위 주소는 접근 제어를 대신하지 않습니다. 공개할 자료인지 확인하세요.</p><h3>암호 설정</h3><p><code>#shareCredentials="username:password"</code> 형식으로 사용자 이름과 암호를 지정합니다. 하위 노트와 이미지에도 적용하려면 <a href="#root/_help_bwZpz2ajCEwO">상속 가능</a>으로 설정합니다.</p><h2>공유 화면 꾸미기</h2><p>CSS <a class="reference-link"
+      href="#root/_help_6f9hih2hXXZk">코드 노트</a>를 만들고 <code>~shareCss</code> 관계로 연결합니다. 하위 트리 전체에 적용하려면 관계를 상속 가능으로 설정합니다. CSS 노트에 <code>#shareHiddenFromTree</code>를 추가하면 탐색 트리에서 숨깁니다. <code>#shareOmitDefaultCss</code>는 <a
+      href="#root/_help_Wy267RK4M69c">기본 스타일</a>을 제외합니다.</p><h3>JavaScript</h3><p><code>~shareJs</code> 관계로 스크립트를 넣습니다. <code>fetchNote()</code>로 노트 정보를 읽을 수 있습니다. 다음 예제는 상위 노트의 속성을 출력합니다.</p><pre><code class="language-application-javascript-env-backend">const currentNote = await fetchNote();
+const parentNote = await fetchNote(currentNote.parentNoteIds[0]);
+
+for (const attr of parentNote.attributes) {
+    console.log(attr.type, attr.name, attr.value);
+}</code></pre><h3>읽기 쉬운 주소</h3><p>보통 주소 끝에는 노트 ID가 붙습니다. <code>#shareAlias=highlighting</code>을 지정하면 <code>http://domain.tld/share/highlighting</code>처럼 사용할 수 있습니다. 별칭은 중복되지 않아야 하며 슬래시로 하위 경로를 만드는 방식은 지원하지 않습니다.</p><h3>공유 목록 관리</h3><p>공유 노트 영역에서 목록을 확인하고 이동이나 복제로 공유 상태를 관리할 수 있습니다.</p><p><img src="Sharing_shared-list.png" alt="공유 노트 목록"></p><h3>아이콘과 시작 페이지</h3><p><code>~shareFavicon</code> 관계로 <code>.ico</code> 같은 아이콘 파일 노트를 지정합니다. <code>#shareRoot</code>가 있는 노트는 <code>http://domain.tld/share</code>의 시작 페이지가 됩니다. <code>#shareIndex</code>를 함께 사용하면 공유 루트 목록을 보여 줄 수 있습니다.</p><h2>속성 안내</h2><ul><li><code>shareHiddenFromTree</code> — 탐색 트리에서만 숨깁니다. URL로는 여전히 접근할 수 있습니다.</li><li><code>shareExternalLink</code> — 공유 트리에서 외부 웹사이트 링크로 사용합니다.</li><li><code>shareAlias</code> — <code>https://your_trilium_host/share/[your_alias]</code> 주소의 별칭입니다.</li><li><code>shareOmitDefaultCss</code> — 기본 공유 CSS를 제외합니다.</li><li><code>shareRoot</code> — <code>/share</code>의 시작 노트입니다.</li><li><code>shareDescription</code> — HTML 설명 메타 태그에 넣을 문구입니다.</li><li><code>shareRaw</code> — HTML 틀 없이 원본 내용을 제공합니다. 속성 없이 사용하는 <a
+            class="reference-link" href="#root/_help_Qjt68inQ2bRj">노트 원문 제공</a> 방법도 있습니다.</li><li><code>shareDisallowRobotIndexing</code> — 검색 로봇에 색인 제외를 요청합니다. <code>X-Robots-Tag: noindex</code> 헤더와 <code>noindex, follow</code> 메타 태그를 설정합니다.</li><li><code>shareCredentials</code> — <code>username:password</code> 형식의 인증 정보입니다. 하위 노트와 이미지에도 적용하려면 상속 가능으로 설정합니다.</li><li><code>shareIndex</code> — 공유 중인 모든 루트 노트를 나열합니다.</li></ul><h2>제작에 도움을 준 프로젝트</h2><p>0.95.0부터 기본 적용된 공유 테마는 <a href="https://github.com/zerebos/trilium.rocks">Trilium Rocks!</a>를 바탕으로 합니다. 원작자는 <a
+    href="https://github.com/zerebos">zerebos</a>입니다. 모바일 화면과 밝기 전환 및 접을 수 있는 트리 등을 제공합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 공유 페이지</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Code Blocks</span>: 코드 블록</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Delete</span>: 삭제</li><li><span lang="en">Search</span>: 검색</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Theme</span>: 테마</li><li><span lang="en">Help</span>: 도움말</li></ul><h3>이미지 2 · 노트 공유 스위치</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">This note is shared locally on</span>: 이 노트는 다음에서 로컬로 공유됩니다</li><li><span lang="en">Protect the note</span>: 노트 보호</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Code Blocks</span>: 코드 블록</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">September</span>: 9월</li><li><span lang="en">Note type</span>: 노트 유형</li><li><span lang="en">February</span>: 2월</li><li><span lang="en">Editable</span>: 편집 가능</li><li><span lang="en">Bookmark</span>: 북마크</li><li><span lang="en">August</span>: 8월</li><li><span lang="en">Widget</span>: 위젯</li></ul><h3>이미지 3 · 공유 노트 목록</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Shared</span>: 공유됨</li><li><span lang="en">Notes</span>: 노트</li></ul></section>
@@ -0,0 +1,4 @@
+<p>공유 노트를 열면 기본적으로 웹페이지 형태로 표시됩니다. 스크립트에서 이용하거나 파일로 내려받을 때는 원본 내용을 그대로 제공하는 편이 나을 수 있습니다.</p><table><thead><tr><th>웹페이지로 표시한 노트</th><th>원본 형식으로 표시한 노트</th></tr></thead><tbody><tr><td><img style="aspect-ratio:738/275;" src="1_Serving directly the conte.png"
+            width="738" height="275" alt="웹페이지 형태의 공유 노트"></td><td><img src="Serving directly the conte.png" alt="원본 형식의 공유 노트"></td></tr></tbody></table><h2>노트 속성으로 지정</h2><p><code>#shareRaw</code> 속성을 추가하면 공유 주소로 접근할 때 항상 원본 형식으로 제공합니다.</p><h2>주소에 옵션 추가</h2><p>주소 끝에 <code>?raw</code>를 붙이면 <code>#shareRaw</code> 속성이 없어도 원본 형식으로 볼 수 있습니다.</p><p><img src="Serving directly the conte.png" alt="주소로 원본 형식 요청"></p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 웹페이지 형태의 공유 노트</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">new note</span>: 새 노트</li><li><span lang="en">Name</span>: 이름</li></ul><h3>이미지 2 · 원본 형식의 공유 노트</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Name</span>: 이름</li></ul><h3>이미지 3 · 주소로 원본 형식 요청</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Name</span>: 이름</li></ul></section>
@@ -0,0 +1,4 @@
+<p>템플릿은 다른 노트의 기본 구조를 정하는 노트입니다. 템플릿을 적용받는 노트에는 다음 효과가 있습니다.</p><ul><li>템플릿의 모든 속성을 <a href="#root/_help_bwZpz2ajCEwO">상속</a>합니다. 상속 가능으로 표시하지 않은 속성도 대상 노트에는 적용됩니다. 대상 노트의 하위 노트에는 상속 가능한 속성만 이어집니다.</li><li>대상 노트의 본문이 비어 있으면 템플릿 본문을 복사합니다.</li><li>템플릿의 하위 노트를 그 아래 단계까지 별도의 사본으로 복사합니다.</li></ul><h2>예제</h2><p>책 템플릿에는 출간 연도와 저자 같은 <a href="#root/_help_OFXdgB2nNk1F">주요 속성</a>을 넣고 주제와 결론 등의 독후감 틀을 작성할 수 있습니다. 인상 깊은 구절과 요약용 하위 노트도 함께 만들 수 있습니다.</p><p><img src="Templates_template.png" alt="책 템플릿"></p><h2>템플릿 적용 노트</h2><p>메뉴에서 템플릿을 선택해 노트를 만들 수 있습니다.</p><p><img src="Templates_template-create-.png" alt="하위 노트 템플릿 선택"></p><p>선택 목록에 나오게 하려면 템플릿 노트에 <code>#template</code> 라벨을 지정하세요. 대상 노트를 연결하는 <code>~template</code> 관계와는 다릅니다. <a href="#root/_help_9sRHySam5fXb">작업 공간</a>에서만 표시하려면 <code>#workspaceTemplate</code>을 사용합니다.</p><p>이미 만든 노트도 <code>~template</code> 관계를 추가하거나 바꿔 템플릿을 지정할 수 있습니다. 새 하위 노트의 기본 템플릿은 <code>~child:template</code>로 지정합니다. <code>~child:child:template</code>처럼 여러 단계에 적용할 수도 있습니다.</p><p>복사 상속은 노트를 만드는 시점에 적용됩니다. 상위 노트의 설정을 나중에 바꿔도 기존 하위 노트에 복사되어 있는 단계별 설정이 자동으로 갱신되지는 않습니다.</p><h2>추가 활용</h2><p><code>#iconClass</code>와 <code>#cssClass</code>를 템플릿에 지정하면 관련 노트의 아이콘과 모양을 통일할 수 있습니다. <a href="#root/_help_wX4HbRucYSDD">사용 예제</a>의 <a href="#root/_help_iRwzGnHPzonm">관계 지도</a>와 <a
+  href="#root/_help_xYjQUYhpbUEW">할 일 관리</a> 및 <a href="#root/_help_l0tKav7yLHGF">날짜별 노트</a>를 참고하세요.</p><p><a href="#root/_help_47ZrP6FNuoG8">기본 노트 제목</a>의 제목 템플릿과 함께 사용할 수도 있습니다. 노트 템플릿에 <code>#titleTemplate</code>을 지정하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 책 템플릿</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Promoted Attributes</span>: 승격된 속성</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">characters</span>: 글자</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Instance</span>: 실행 환경</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Book</span>: 북</li></ul><h3>이미지 2 · 하위 노트 템플릿 선택</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Open in a new split</span>: 새 분할에서 열기</li><li><span lang="en">Edit branch prefix</span>: 브랜치 접두사 편집</li><li><span lang="en">Search in subtree</span>: 하위 트리에서 검색</li><li><span lang="en">Unprotect subtree</span>: 하위 트리 보호 해제</li><li><span lang="en">Duplicate subtree</span>: 하위 트리 복제</li><li><span lang="en">Mermaid Diagram</span>: Mermaid 다이어그램</li><li><span lang="en">Bulk actions</span>: 일괄 작업</li><li><span lang="en">Copy / clone</span>: 복사/복제</li><li><span lang="en">Saved Search</span>: 저장된 검색</li><li><span lang="en">Relation Map</span>: 관계 지도</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Paste after</span>: 다음에 붙여넣기</li></ul></section>
@@ -0,0 +1,3 @@
+<p>Trilium은 호환성을 최대한 유지하면서 Markdown 가져오기와 내보내기를 지원합니다.</p><h2>가져오기</h2><h3>클립보드에서 가져오기</h3><p>일부 Markdown 내용을 복사했다면 편집기의 블록 메뉴에서 가져올 수 있습니다.</p><p><img src="Markdown_markdown-inline-i.gif" alt="클립보드의 Markdown 가져오기"></p><h3>파일에서 가져오기</h3><p>확장자가 <code>.md</code>인 파일 하나를 가져오거나 여러 파일의 폴더 구조를 <a href="https://en.wikipedia.org/wiki/Tar_(computing)">압축 파일</a>로 묶어 가져올 수 있습니다. 이 기능에서는 ZIP 형식을 사용하세요. 브라우저가 폴더를 직접 읽지 못하므로 <a href="https://www.7-zip.org">7-Zip</a> 같은 도구로 폴더를 ZIP으로 압축해야 합니다.</p><p><img src="Markdown_markdown-file-imp.gif" alt="Markdown 파일 가져오기"></p><h2>내보내기</h2><h3>하위 트리 내보내기</h3><p>하위 트리 전체를 ZIP으로 내보내면 노트 구조에 맞춰 폴더가 만들어집니다.</p><p><img src="Markdown_markdown-export-s.gif" alt="하위 트리의 Markdown 내보내기"></p><h3>노트 하나만 내보내기</h3><p>하위 노트를 제외하고 현재 노트만 내보내려면 노트 작업 메뉴를 사용하세요.</p><p><img src="Markdown_markdown-export-n.gif" alt="현재 노트의 Markdown 내보내기"></p><h3>보호된 노트 내보내기</h3><p>먼저 보호 세션을 시작해야 합니다. 내보낸 파일은 암호화되지 않습니다. 다시 가져온 노트도 필요하면 보호 설정을 다시 적용하세요.</p><h2>지원 문법</h2><ul><li><a href="https://github.github.com/gfm/">GitHub 확장 Markdown</a>을 주된 기준으로 사용합니다.</li><li>이미지를 지원합니다. 사용자 지정 너비가 있으면 HTML로 내보내며 그림 요소도 HTML로 포함합니다.</li><li>표를 지원합니다. 구조가 복잡하거나 HTML이 필요한 요소를 포함한 표는 HTML로 내보냅니다.</li><li><a class="reference-link" href="#root/_help_NwBbFdNZ9h7O">안내 상자</a>는 GitHub 형식을 사용합니다.</li><li>링크를 지원합니다. 노트의 제목과 아이콘을 반영하는 참조 링크는 정보를 보존하기 위해 HTML로 포함합니다.</li><li>수식은 <code>$</code>와 <code>$$</code> 구분 기호를 지원합니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 클립보드의 Markdown 가져오기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Import</span>: 가져오기</li></ul><h3>이미지 2 · Markdown 파일 가져오기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note</span>: 참고</li><li><span lang="en">Type</span>: 유형</li></ul><h3>이미지 3 · 하위 트리의 Markdown 내보내기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note</span>: 참고</li><li><span lang="en">Book</span>: 북</li></ul><h3>이미지 4 · 현재 노트의 Markdown 내보내기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Number</span>: 숫자</li></ul></section>
@@ -0,0 +1,3 @@
+<p>자주 사용하는 노트를 북마크에 등록하면 빠르게 열 수 있습니다. 아래 예시를 참고하세요.</p><p><img src="Bookmarks_bookmarks.gif" alt="북마크 등록과 사용"></p><h2>북마크 폴더</h2><p>왼쪽 영역의 공간은 한정되어 있습니다. 여러 노트를 등록하려면 폴더를 북마크로 지정해 그 안의 노트를 펼쳐 보는 방법이 있습니다.</p><p><img src="Bookmarks_bookmark-folder.png" alt="북마크 폴더"></p><p>폴더로 사용할 노트에 <code>#bookmarkFolder</code> 라벨을 추가하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 북마크 등록과 사용</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Protect the note</span>: 노트 보호</li><li><span lang="en">Widget</span>: 위젯</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Today</span>: 오늘</li><li><span lang="en">Type</span>: 유형</li><li><span lang="en">List</span>: 목록</li><li><span lang="en">Auto</span>: 자동</li></ul><h3>이미지 2 · 북마크 폴더</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Owned Attributes</span>: 소유한 속성</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Today</span>: 오늘</li><li><span lang="en">List</span>: 목록</li><li><span lang="en">Book</span>: 북</li></ul></section>
@@ -0,0 +1,5 @@
+<p><img style="aspect-ratio:991/403;" src="Jump to Note_image.png" width="991"
+  height="403" alt="노트로 이동 창"></p><p>노트로 이동 기능은 제목을 검색해 원하는 노트를 빠르게 엽니다. 전체 검색을 실행하거나 새 노트를 만들 수도 있습니다.</p><h2>노트로 이동 열기</h2><ul><li><a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>에서 <img src="1_Jump to Note_image.png" alt="노트로 이동 버튼">을 누르세요.</li><li>단축키 <kbd>Ctrl</kbd>+<kbd>J</kbd>를 사용할 수도 있습니다.</li></ul><h2>최근 노트</h2><p>최근에 보거나 편집한 노트 목록에서 원하는 노트로 바로 이동할 수 있습니다. 위쪽의 노트로 이동 버튼을 누르고 검색어를 입력하지 않으면 최근 노트가 표시됩니다. 오른쪽의 시계 아이콘으로도 열 수 있습니다.</p><p><img src="Jump to Note_recent-notes.gif"
+width="812" height="585" alt="최근 노트 사용 예시"></p><h2>사용 방법</h2><ul><li>검색어가 없으면 최근 노트를 표시합니다.</li><li>위쪽과 아래쪽 화살표 키로 항목을 선택한 뒤 <kbd>Enter</kbd>를 누르면 노트를 엽니다.</li><li>원하는 노트가 없다면 제목을 입력한 뒤 하위 노트 만들기 및 연결을 선택해 새로 만들 수 있습니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트로 이동 창</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Mind Map</span>: 마인드맵</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Search</span>: 검색</li><li><span lang="en">Note</span>: 참고</li><li><span lang="en">Text</span>: 텍스트</li></ul><h3>이미지 3 · 최근 노트 사용 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Protect the note</span>: 노트 보호</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Note type</span>: 노트 유형</li><li><span lang="en">Monday</span>: 월요일</li><li><span lang="en">Widget</span>: 위젯</li><li><span lang="en">Shared</span>: 공유됨</li></ul></section>
@@ -0,0 +1,3 @@
+<p>특정 노트와 그 하위 트리만 표시해 집중하는 기능입니다. 상위 노트와 같은 단계의 다른 노트를 숨겨 표시 범위를 좁힙니다.</p><p><img src="Note Hoisting_note-hoistin.gif" alt="하위 트리만 표시하는 기능"></p><p>본문 검색과 <a href="#root/_help_MMiBEQljMQh2">노트로 이동</a> 기능의 검색 범위도 현재 표시 중인 하위 트리로 제한됩니다.</p><p>이 기능을 확장한 <a href="#root/_help_9sRHySam5fXb">작업 공간</a>도 참고하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 하위 트리만 표시하는 기능</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Note</span>: 참고</li><li><span lang="en">Type</span>: 유형</li><li><span lang="en">Code</span>: 코드</li></ul></section>
@@ -0,0 +1,3 @@
+<p>Trilium은 노트 사이를 빠르고 편하게 이동할 수 있도록 설계되었습니다.</p><h2>뒤로 가기와 앞으로 가기</h2><p><kbd>Alt</kbd>+<kbd>←</kbd>와 <kbd>Alt</kbd>+<kbd>→</kbd>를 누르면 이전에 본 노트 사이를 이동할 수 있습니다.</p><p>웹브라우저의 방문 기록 기능을 이용하므로 브라우저의 뒤로 가기와 앞으로 가기와 같은 방식으로 작동합니다.</p><p><img src="Note Navigation_image.png" alt="노트 이동 버튼"></p><h2>노트로 이동</h2><p>상단의 노트로 이동 버튼을 누르거나 <kbd>Ctrl</kbd>+<kbd>J</kbd>를 누르세요. 제목 일부를 입력하면 자동 완성 목록에서 원하는 노트를 골라 바로 열 수 있습니다.</p><p>자세한 내용은 <a class="reference-link" href="#root/_help_F1r9QtzQLZqm">노트로 이동</a>을 참고하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 이동 버튼</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Promoted</span>: 승격됨</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Type</span>: 유형</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Date</span>: 날짜</li></ul></section>
@@ -0,0 +1,8 @@
+<p><img style="aspect-ratio:659/256;" src="Quick search_image.png" width="659"
+  height="256" alt="빠른 검색"></p><p>빠른 검색은 노트 제목뿐 아니라 본문까지 검색하고 결과를 바로 선택할 수 있게 보여 줍니다.</p><p>별도 탭에서 고급 조건으로 검색하려면 <a class="reference-link"
+  href="#root/_help_eIg8jdvaoNNd">검색</a> 기능을 사용하세요.</p><p>본문 대신 제목만 검색해 빠르게 이동하려면 <a class="reference-link"
+  href="#root/_help_F1r9QtzQLZqm">노트로 이동</a> 기능을 사용하세요.</p><h2>화면 배치</h2><p><a class="reference-link" href="#root/_help_x0JgW8UqGXvq">세로 배치와 가로 배치</a>에 따라 빠른 검색창의 위치가 달라집니다.</p><ul><li>세로 배치에서는 <a class="reference-link"
+    href="#root/_help_oPVyFC7WL2Lp">노트 트리</a> 바로 위에 표시됩니다.</li><li>가로 배치에서는 <a class="reference-link"
+    href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>에 표시됩니다. 다른 아이콘처럼 위치를 옮길 수 있습니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 빠른 검색</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Search</span>: 검색</li><li><span lang="en">Note</span>: 참고</li></ul></section>
@@ -0,0 +1,6 @@
+<p><img style="aspect-ratio:898/93;" src="Search in note_image.png" width="898"
+  height="93" alt="노트 안에서 찾기"></p><p>현재 표시된 노트 안에서 글자를 찾는 기능입니다.</p><h2>다른 검색 기능과의 차이</h2><ul><li>브라우저에서 <a class="reference-link"
+    href="#root/_help_iPIMuisry3hd">텍스트 노트</a>나 <a class="reference-link"
+    href="#root/_help_6f9hih2hXXZk">코드 노트</a>에 초점이 없는 상태로 <kbd>Ctrl</kbd>+<kbd>F</kbd>를 누르면 브라우저의 찾기 기능이 열립니다. 이때는 Trilium 메뉴의 글자도 검색됩니다.</li><li><a class="reference-link" href="#root/_help_iPIMuisry3hd">텍스트 노트</a>를 편집하는 중에 같은 단축키를 누르면 <a class="reference-link" href="#root/_help_MI26XDLSAlCD">CKEditor</a>의 찾기 기능이 열립니다.</li></ul><h2>검색 열기</h2><ul><li>데스크톱에서는 <kbd>Ctrl</kbd>+<kbd>F</kbd>를 누르세요.</li><li><a class="reference-link" href="#root/_help_8YBEPzcpUgxw">노트 버튼</a>의 메뉴에서 노트 안에서 찾기를 선택할 수도 있습니다.</li></ul><h2>찾기</h2><p>찾을 내용을 입력하면 자동으로 검색합니다. 입력란 옆의 위아래 화살표로 결과 사이를 이동하세요.</p><h2>바꾸기</h2><p>찾을 내용과 바꿀 내용을 입력하세요. 바꾸기는 현재 결과 하나를 변경하며 모두 바꾸기는 일치하는 내용을 한 번에 변경합니다.</p><h2>검색 옵션</h2><ul><li>대소문자 구분 — 영문 대문자와 소문자를 구분합니다. <code>Hello</code>를 찾으면 <code>hello</code>는 일치하지 않습니다.</li><li>단어 단위로 찾기 — 단어 전체가 일치할 때만 찾습니다. <code>Java</code>를 찾으면 <code>JavaScript</code>는 일치하지 않습니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 안에서 찾기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Case sensitive</span>: 대소문자 구분</li><li><span lang="en">Match words</span>: 단어 일치</li><li><span lang="en">Replace all</span>: 모두 바꾸기</li><li><span lang="en">Text</span>: 텍스트</li></ul></section>
@@ -0,0 +1,12 @@
+<p><img style="aspect-ratio:987/725;" src="Search_image.png" width="987"
+  height="725" alt="노트 검색 화면"></p><p>제목과 본문 및 <a href="#root/_help_zEY4DaJG4YT5">속성</a>을 검색합니다. 검색 조건을 저장하면 트리에 검색 노트가 생기고 결과가 하위 항목으로 나타납니다.</p><h2>검색 열기</h2><p><a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>의 검색 버튼을 누릅니다. 특정 하위 트리만 찾으려면 <a class="reference-link" href="#root/_help_YtSN43OrfzaA">노트 트리 메뉴</a>의 하위 트리에서 검색 또는 Ctrl+Shift+S를 사용합니다. <a href="#root/_help_A9Oc6YKKc65v">단축키</a>로도 검색 화면을 열 수 있습니다.</p><h2>사용 방법</h2><p>검색어를 입력합니다. 일반 단어뿐 아니라 속성과 노트 정보로 조건을 지정할 수 있습니다. 상위 노트를 지정하면 해당 노트와 하위 항목만 찾습니다. <a href="#root/_help_OR8WJ7Iz9K4U">확대해서 보는 노트</a>나 <a href="#root/_help_9sRHySam5fXb">작업 공간</a>에서 열면 이 값이 미리 채워질 수 있습니다. 전체를 검색하려면 비웁니다. 깊이로 탐색할 하위 단계를 제한할 수 있습니다.</p><p>검색을 누르면 아래에 결과가 표시됩니다. 작업을 추가한 경우에는 검색 후 작업 실행 버튼을 사용할 수 있습니다. 노트로 저장은 조건을 <a class="reference-link" href="#root/_help_m523cpzocqaD">저장된 검색</a> 노트로 만듭니다.</p><h2>검색 옵션</h2><p>검색 옵션 추가에서 항목을 선택하고 세부 값을 지정합니다. 오른쪽 X로 제거합니다.</p><ul><li>검색 스크립트 — 직접 검색을 처리할 <a class="reference-link" href="#root/_help_6f9hih2hXXZk">코드 노트</a>를 지정합니다.</li><li>빠른 검색 — 본문을 제외하고 제목과 조건에 지정한 속성·관계를 검색합니다. 큰 <a href="#root/_help_wX4HbRucYSDD">데이터베이스</a>에서 속도를 높일 수 있습니다.</li><li>보관된 노트 포함 — 평소 제외하는 <a class="reference-link" href="#root/_help_MKmLg5x6xkor">보관된 노트</a>도 찾습니다.</li><li>정렬 기준 — 관련성 대신 만든 날짜나 제목 등을 사용합니다. 오름차순과 내림차순도 지정합니다.</li><li>결과 수 제한 — 최대 개수를 지정합니다. 제한을 넘는 결과는 표시되지 않습니다.</li><li>디버그 — 검색식을 해석한 정보를 서버 <a
+        class="reference-link" href="#root/_help_qzNzp9LYQyPT">로그</a>에 기록합니다. 복잡한 조건의 문제를 분석할 때 사용합니다.</li><li>작업 — 검색 결과에 라벨이나 관계 추가 등을 적용합니다. 같은 종류를 여러 번 추가할 수 있습니다. <a class="reference-link"
+        href="#root/_help_ivYnonVFBxbQ">일괄 작업</a>과 같은 동작을 제공하며 <a class="reference-link"
+        href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>에서 직접 대상을 고르는 대신 검색 결과를 사용합니다. 먼저 검색으로 대상을 확인한 뒤 검색 후 작업 실행을 누르세요.</li></ul><h2>기본 검색 예제</h2><ul><li><code>반지 톨킨</code> — 두 단어가 모두 있는 노트를 찾습니다.</li><li><code>"반지의 제왕" 톨킨</code> — 따옴표 안의 문구는 그대로 일치해야 합니다.</li><li><code>note.content *=* 반지 OR note.content *=* 톨킨</code> — 본문에 둘 중 하나가 있는 노트를 찾습니다.</li><li><code>탑 #book</code> — 탑이라는 단어와 <code>book</code> 라벨이 모두 있어야 합니다.</li><li><code>탑 #book or #author</code> — 탑이라는 단어가 있고 두 라벨 중 하나가 있어야 합니다.</li><li><code>탑 #!book</code> — 탑이라는 단어가 있으면서 <code>book</code> 라벨은 없는 노트입니다.</li><li><code>#book #publicationYear = 1954</code> — 책 라벨이 있고 출판 연도 값이 1954인 노트입니다.</li><li><code>#genre *=* 판타지</code> — 장르 값에 판타지가 포함된 노트입니다. <code>*=*</code>는 포함하며 <code>=*</code>는 시작하고 <code>*=</code>는 끝나는 조건입니다. <code>!=</code>는 같지 않음입니다.</li><li><code>#book #publicationYear &gt;= 1950 #publicationYear &lt; 1960</code> — 1950년대에 출판된 책을 찾습니다.</li><li><code>#dateNote &gt;= TODAY-30</code> — 30일 전 이후의 날짜 노트를 찾습니다. 상대값은 초 단위 <code>NOW</code>와 일 단위 <code>TODAY</code> 및 월 단위 <code>MONTH</code>와 연 단위 <code>YEAR</code>를 지원합니다.</li><li><code>~author.title *=* 톨킨</code> — 저자 관계의 대상 제목에 톨킨이 포함된 노트를 찾습니다.</li><li><code>#publicationYear %= '19[0-9]{2}'</code> — 정규식으로 출판 연도를 검색합니다. 이 기능은 0.52부터 지원합니다.</li></ul><h2>고급 예제</h2><p><code>~author.relations.son.title = '크리스토퍼 톨킨'</code>은 저자 관계를 따라간 노트에서 다시 <code>son</code> 관계를 따라갔을 때 제목이 일치하는 노트를 찾습니다. 예를 들어 책의 <code>author</code>가 J. R. R. 톨킨을 가리키고 그 노트의 <code>son</code>이 크리스토퍼 톨킨을 가리키는 구조입니다.</p><p><code>~author.title *= 톨킨 OR (#publicationDate &gt;= 1954 AND #publicationDate &lt;= 1960)</code>처럼 논리 연산과 괄호를 사용할 수 있습니다. 식 전체가 괄호로 시작할 때는 앞에 <code>#</code> 또는 <code>~</code> 구분자가 필요합니다.</p><ul><li><code>note.parents.title = '책'</code> — 바로 위 노트 제목이 책인 항목</li><li><code>note.parents.parents.title = '책'</code> — 두 단계 위 노트 제목이 책인 항목</li><li><code>note.ancestors.title = '책'</code> — 상위 경로에 책이라는 노트가 있는 항목</li><li><code>note.children.title = '하위 노트'</code> — 지정한 제목의 하위 노트가 있는 항목</li></ul><h2>노트 정보로 검색</h2><p><code>note.</code> 뒤에 속성명을 붙입니다. 예: <code>note.type = code AND note.mime = 'application/json'</code>. 사용할 수 있는 정보는 다음과 같습니다.</p><p><code>noteId dateModified dateCreated isProtected type title text content rawContent ownedLabelCount labelCount ownedRelationCount relationCount ownedRelationCountIncludingLinks relationCountIncludingLinks ownedAttributeCount attributeCount targetRelationCount targetRelationCountIncludingLinks parentCount childrenCount isArchived contentSize noteSize revisionCount</code></p><h3>정렬과 결과 수 제한</h3><pre><code class="language-text-x-trilium-auto">#author=톨킨 orderBy #publicationDate desc, note.title limit 10</code></pre><p>저자 라벨 값이 톨킨인 노트를 찾아 출판 날짜 내림차순으로 정렬합니다. 날짜가 같으면 제목을 기준으로 정렬하고 처음 10개만 표시합니다.</p><h3>부정 조건</h3><pre><code class="language-text-x-trilium-auto">#book AND not(note.ancestors.title = '톨킨')</code></pre><p>톨킨이라는 노트의 하위 트리에 속하지 않는 책 노트를 찾습니다.</p><h2>검색식의 구성</h2><p>라벨과 관계의 전체 문법은 다음과 같습니다.</p><pre><code class="language-text-x-trilium-auto">note.labels.publicationYear = 1954</code></pre><pre><code class="language-text-x-trilium-auto">note.relations.author.title *=* 톨킨</code></pre><p>자주 사용하는 형태는 짧게 쓸 수 있습니다.</p><pre><code class="language-text-x-trilium-auto">#publicationYear = 1954
+~author.title *=* 톨킨</code></pre><h3>본문 검색과 속성 검색의 구분</h3><p><code>톨킨 #book</code>에서 톨킨은 본문 검색어이고 <code>#book</code>은 속성 조건입니다. <code>#</code>와 <code>~</code> 및 <code>note.</code> 같은 문법으로 구분합니다. 일반 텍스트로 찾으려면 따옴표로 감싸거나 역슬래시로 이스케이프합니다.</p><pre><code class="language-text-x-trilium-auto">"note.txt" 
+\#hash 
+#myLabel = '"안녕하세요"라고 말하기'</code></pre><h3>특수문자와 따옴표</h3><p>작은따옴표와 큰따옴표 및 백틱을 지원합니다.</p><pre><code class="language-text-x-trilium-auto">"note.txt"
+\#hash
+#myLabel = '"안녕하세요"라고 말하기'</code></pre><h3>값의 형 변환</h3><p>라벨은 문자열로 저장되지만 숫자 비교 연산에서는 숫자로 변환합니다. 다음 예제는 만든 날짜가 2019년 5월로 시작하는 노트를 찾습니다.</p><pre><code class="language-text-x-trilium-auto">note.dateCreated =* '2019-05'</code></pre><p><code>#publicationYear &gt;= 1960</code>은 출판 연도를 숫자로 비교합니다.</p><h2>URL로 검색 실행</h2><p>검색어를 <a href="https://meyerweb.com/eric/tools/dencoder/">URL 인코딩</a>한 뒤 주소에 넣으면 앱을 열면서 검색할 수 있습니다. 예: <code>http://localhost:8080/#?searchString=abc</code></p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 검색 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Search Parameters</span>: 검색 매개변수</li><li><span lang="en">include archived</span>: 보관된 노트 포함</li><li><span lang="en">search string</span>: 검색 문자열</li><li><span lang="en">Save to note</span>: 노트에 저장</li><li><span lang="en">fast search</span>: 빠른 검색</li><li><span lang="en">ancestor</span>: 조상</li><li><span lang="en">action</span>: 작업</li><li><span lang="en">limit</span>: 제한</li><li><span lang="en">debug</span>: 디버그</li><li><span lang="en">depth</span>: 깊이</li></ul></section>
@@ -0,0 +1,4 @@
+<p><img style="aspect-ratio:1626/540;" src="Similar Notes_image.png" width="1626"
+  height="540" alt="유사한 노트 목록"></p><p>유사한 노트 기능은 본문 내용과 노트 사이의 관계 및 생성 날짜를 살펴 현재 노트와 관련된 노트를 찾습니다.</p><p><a class="reference-link" href="#root/_help_BlN9DFI679QC">리본 메뉴</a>에서 유사한 노트 탭을 누르면 목록을 볼 수 있습니다.</p><h2>사용 방법</h2><ul><li>노트 위에 마우스를 올리면 내용을 간단히 미리 볼 수 있습니다.</li><li>노트를 클릭하면 현재 화면에서 열립니다.</li><li><kbd>Ctrl</kbd>을 누른 채 클릭하면 별도 탭에서 열립니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 유사한 노트 목록</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note navigation</span>: 노트 탐색</li><li><span lang="en">Note Revisions</span>: 노트 수정 이력</li><li><span lang="en">Relation Map</span>: 관계 지도</li><li><span lang="en">Render Note</span>: 렌더 노트</li><li><span lang="en">Note Map</span>: 노트 지도</li><li><span lang="en">Launcher</span>: 실행 도구</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Text</span>: 텍스트</li></ul></section>
@@ -0,0 +1,3 @@
+<p>작업 공간은 <a href="#root/_help_OR8WJ7Iz9K4U">하위 트리만 표시</a>하는 기능을 확장한 개념입니다. 개인 기록과 업무처럼 서로 구분되는 관심사를 나누고 현재 작업에 필요한 노트에 집중할 수 있습니다.</p><p><a href="#root/_help_OR8WJ7Iz9K4U">하위 트리 표시 범위</a>를 작업 공간으로 제한할 수 있으며 전용 버튼으로 빠르게 들어갈 수 있습니다.</p><p><img src="1_Workspaces_image.png" alt="작업 공간 진입 버튼"></p><p>탭의 아이콘과 배경색으로 현재 작업 공간을 구분할 수 있습니다.</p><p><img src="Workspaces_image.png" alt="탭에 표시된 작업 공간"></p><h3>설정 라벨</h3><table><thead><tr><th>라벨</th><th>설명</th></tr></thead><tbody><tr><td><code>workspace</code></td><td>노트를 작업 공간으로 지정하고 진입 버튼을 표시합니다.</td></tr><tr><td><code>workspaceIconClass</code></td><td>이 작업 공간을 표시할 때 탭에서 사용할 Boxicons 아이콘의 CSS 클래스를 지정합니다.</td></tr><tr><td><code>workspaceTabBackgroundColor</code></td><td>작업 공간 탭의 배경색입니다. lightblue나 #ddd처럼 CSS 색상 형식을 사용할 수 있습니다. <a href="https://www.w3schools.com/cssref/css_colors.asp">CSS 색상 안내</a>를 참고하세요.</td></tr><tr><td><code>workspaceCalendarRoot</code></td><td>작업 공간에서 사용할 <a class="reference-link" href="#root/_help_l0tKav7yLHGF">날짜별 노트</a>의 별도 달력을 지정합니다. 지정하지 않으면 전체 달력을 사용합니다.</td></tr><tr><td><code>workspaceTemplate</code></td><td>이 작업 공간 안에서 새 노트를 만들 때만 선택할 수 있는 템플릿으로 지정합니다.</td></tr><tr><td><code>workspaceSearchHome</code></td><td>표시 범위가 이 노트의 상위 노트로 제한되어 있을 때 새 검색 노트를 이 노트 아래에 만듭니다.</td></tr><tr><td><code>workspaceInbox</code></td><td>표시 범위가 이 노트의 상위 노트로 제한되어 있을 때 새 노트의 기본 수신함으로 사용합니다.</td></tr></tbody></table>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 작업 공간 진입 버튼</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note</span>: 참고</li></ul><h3>이미지 2 · 탭에 표시된 작업 공간</h3><p>현재 작업 공간의 이름이 탭에 표시됩니다. 작업 공간을 바꾸면 해당 공간에 저장된 탭 구성을 불러옵니다.</p></section>
@@ -0,0 +1,3 @@
+<p>보관된 노트는 <code>archived</code> <a href="#root/_help_zEY4DaJG4YT5">속성</a>을 직접 지정했거나 <a href="#root/_help_bwZpz2ajCEwO">상속</a>받은 노트입니다.</p><p>기본적으로 자동 완성 목록과 본문 <a href="#root/_help_eIg8jdvaoNNd">검색</a> 결과에 나타나지 않습니다.</p><p>자주 사용하지는 않지만 보관할 가치가 있는 노트를 정리할 때 유용합니다. 필요한 정보는 남겨 두면서 평소 작업에 방해되지 않게 할 수 있습니다.</p><p>노트 트리에 보관된 노트를 표시할지는 설정에서 선택할 수 있습니다.</p><p><img src="Archived Notes_hide-archiv.png" alt="보관된 노트 표시 설정"></p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 보관된 노트 표시 설정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Hide archived notes</span>: 보관된 노트 숨기기</li><li><span lang="en">Collapse</span>: 접기</li><li><span lang="en">Save</span>: 저장</li></ul></section>
@@ -0,0 +1,4 @@
+<h2>여러 위치에 놓기</h2><p>트리로 지식을 정리하다 보면 같은 노트를 여러 주제 아래에 두고 싶을 때가 있습니다. 예를 들어 기술 아래에 프로그래밍과 운영체제를 만들고 프로그래밍에는 Kotlin과 JavaScript를 두며 운영체제에는 Linux와 Windows를 둘 수 있습니다.</p><p>여기에 <a href="https://en.wikipedia.org/wiki/Bash_(Unix_shell)">Bash</a>를 공부한 기록을 넣는다면 프로그래밍 언어이면서 Linux 셸이기도 하므로 한 위치만 고르기 어렵습니다.</p><h2>복제의 의미</h2><p>Trilium은 같은 노트에 여러 상위 노트를 연결할 수 있습니다. 이를 복제라고 부릅니다. 별도의 사본을 만드는 것이 아니라 하나의 노트를 여러 위치에서 참조합니다. 따라서 한쪽에서 수정하면 다른 위치에서도 같은 내용을 보여 줍니다.</p><p>Bash 노트를 프로그래밍 아래와 Linux 아래에 함께 놓으면 됩니다. 하위 노트도 같은 구조와 내용을 공유합니다.</p><h3>만드는 방법</h3><p><img src="Cloning Notes_create-clone.gif" alt="노트 복제 예시"></p><p>오른쪽 클릭 메뉴나 링크 추가 창으로 만들 수 있습니다. <kbd>Ctrl</kbd>+<kbd>C</kbd>와 <kbd>Ctrl</kbd>+<kbd>V</kbd> <a
+  href="#root/_help_A9Oc6YKKc65v">단축키</a>도 사용할 수 있습니다. 상단 리본의 노트 경로에서 연결된 모든 위치를 확인하세요. 트리 제목 옆의 별표는 다른 위치에도 있는 노트임을 뜻합니다.</p><h2>복제된 노트 삭제</h2><p>다른 위치에도 있는 노트라면 현재 위치의 연결만 제거하고 노트 자체와 다른 연결은 유지합니다. 마지막 연결을 삭제하면 노트 자체를 삭제합니다. 하위 노트에도 같은 규칙을 적용하므로 다른 위치에 연결된 하위 노트는 남습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 복제 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li></ul></section>
@@ -0,0 +1,5 @@
+<p><img src="Export as PDF_image.png" alt="PDF로 내보내기 메뉴"></p><p>Trilium 데스크톱 앱에서는 노트를 PDF로 내보낼 수 있습니다. 서버와 모바일 PWA에서는 기술적인 제약으로 이 항목이 표시되지 않습니다.</p><p>노트 제목 오른쪽의 <img src="1_Export as PDF_image.png" alt="노트 메뉴 버튼">을 누르고 PDF로 내보내기를 선택한 뒤 저장 위치를 지정하세요.</p><h2>내보낸 파일 열기</h2><p>저장이 끝나면 운영체제의 기본 프로그램으로 PDF를 엽니다. Linux의 GNOME 환경에서는 추천 프로그램 목록을 사용하므로 예상과 다른 프로그램이 열릴 수 있습니다. 다음 명령으로 PDF 연결 프로그램을 확인한 뒤 원하는 프로그램으로 설정하세요.</p><pre><code class="language-text-x-trilium-auto">gio mime application/pdf</code></pre><h2>표시 문제 보고하기</h2><p>표가 잘 맞지 않거나 글자가 잘리는 문제가 있다면 <a
+  href="#root/_help_wy8So3yZZlH9">문제를 보고</a>해 주세요. <img src="1_Export as PDF_image.png" alt="노트 메뉴 버튼"> → 노트 내보내기 → 이 노트와 모든 하위 노트 → HTML을 ZIP으로 내보내기로 재현용 자료를 만들 수 있습니다. 공유할 자료에 개인 정보가 없는지 확인하세요.</p><h2>가로 방향</h2><p>별도의 내보내기 설정 창은 없지만 <code>#printLandscape</code> <a class="reference-link" href="#root/_help_zEY4DaJG4YT5">속성</a>을 추가하면 해당 노트를 가로 방향으로 출력할 수 있습니다.</p><h2>용지 크기</h2><p>기본 용지는 Letter입니다. <code>#printPageSize</code> 값으로 <code>A0</code>부터 <code>A6</code>까지 지정할 수 있습니다. <code>Legal</code>과 <code>Letter</code> 및 <code>Tabloid</code>와 <code>Ledger</code>도 지원합니다.</p><h2>단축키</h2><p><a class="reference-link"
+  href="#root/_help_4TIF1oA4VQRO">설정</a>의 단축키에서 <code>exportAsPdf</code>에 원하는 키 조합을 지정할 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · PDF로 내보내기 메뉴</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Open note externally</span>: 노트를 외부에서 열기</li><li><span lang="en">Note attachments</span>: 노트 첨부파일</li><li><span lang="en">Open note custom</span>: 노트를 사용자 지정으로 열기</li><li><span lang="en">Search in note</span>: 노트 내 검색</li><li><span lang="en">Export note</span>: 노트 내보내기</li><li><span lang="en">Delete note</span>: 노트 삭제</li><li><span lang="en">Note source</span>: 노트 소스</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Mind Map</span>: 마인드맵</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Help</span>: 도움말</li></ul></section>
@@ -0,0 +1,3 @@
+<p>아이콘을 사용하면 노트를 쉽게 구분할 수 있습니다. 내부적으로는 <code>iconClass</code> 속성으로 노트에 CSS 클래스를 지정합니다. 예를 들어 <code>#iconClass="bx bx-calendar"</code>는 기본 문서나 폴더 아이콘 대신 달력 아이콘을 표시합니다. 클래스 이름을 외울 필요는 없습니다. 노트를 편집하면서 제목 옆의 아이콘을 누르면 선택 창이 열립니다.</p><p><img src="Note Icons_note-icon-chang.png" alt="노트 아이콘 바꾸기"></p><p><img src="Note Icons_note-icon-galle.png" alt="노트 아이콘 선택 창"></p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 아이콘 바꾸기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Type the labels and relations here</span>: 여기에 라벨과 관계를 입력하세요</li><li><span lang="en">Change note icon</span>: 노트 아이콘 변경</li></ul><h3>이미지 2 · 노트 아이콘 선택 창</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Search</span>: 검색</li></ul></section>
@@ -0,0 +1,10 @@
+<p>하위 노트가 있으면 본문 끝에 목록이 표시되어 쉽게 이동할 수 있습니다.</p><h2>설정</h2><p>특정 노트에서 숨기려면 <code>hideChildrenOverview</code> <a
+    href="#root/_help_zEY4DaJG4YT5">라벨</a>을 지정하세요. 격자 보기 등은 성능을 위해 여러 페이지로 나눠 표시합니다. <code>pageSize</code>로 한 페이지의 노트 수를 정할 수 있습니다.</p><h2>보기 방식</h2><p>기본은 격자 보기입니다. <a class="reference-link"
+    href="#root/_help_GTwFsgaA0lCt">책 노트</a>에서는 <a class="reference-link"
+    href="#root/_help_BlN9DFI679QC">상단 리본</a>으로 바꿀 수 있습니다. 다른 노트 유형도 <code>#viewType</code> 속성으로 직접 지정할 수 있습니다.</p><h3>격자 보기</h3><p><img style="aspect-ratio:1025/655;" src="1_Note List_image.png" width="1025"
+  height="655" alt="격자 보기"></p><p>하위 노트를 카드처럼 배치합니다. <a class="reference-link" href="#root/_help_iPIMuisry3hd">텍스트 노트</a>는 마우스 휠로 본문을 조금 더 볼 수 있습니다. <a class="reference-link" href="#root/_help_6f9hih2hXXZk">코드 노트</a>에는 구문 강조를 적용합니다. <a class="reference-link" href="#root/_help_W8vYD3Q1zjCR">파일 노트</a>는 오디오와 동영상 및 PDF 미리보기를 제공합니다. 본문이 없는 노트는 하위 노트 목록을 대신 표시합니다.</p><h3>목록 보기</h3><p><img style="aspect-ratio:1013/526;" src="Note List_image.png" width="1013"
+  height="526" alt="목록 보기"></p><p>각 노트를 한 줄로 표시하며 기본적으로 제목과 아이콘만 보입니다. 펼치면 본문과 하위 노트를 확인할 수 있으며 더 아래 단계도 펼칠 수 있습니다.</p><h3>달력 보기</h3><p><img style="aspect-ratio:1090/598;" src="2_Note List_image.png" width="1090"
+  height="598" alt="달력 보기"></p><p>하위 노트를 시작일이 있는 일정으로 표시합니다. 종료일도 지정할 수 있으며 일정을 옮기거나 새로 만들 수 있습니다. <a class="reference-link"
+  href="#root/_help_xWbu3jpNWapp">달력 보기 안내</a>를 참고하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 격자 보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Code Blocks</span>: 코드 블록</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Mind Map</span>: 마인드맵</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Geo Map</span>: 지리 지도</li><li><span lang="en">Expand</span>: 펼치기</li><li><span lang="en">Canvas</span>: 캔버스</li><li><span lang="en">Widget</span>: 위젯</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">wiki</span>: 위키</li></ul><h3>이미지 2 · 목록 보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Today</span>: 오늘</li><li><span lang="en">List</span>: 목록</li><li><span lang="en">Book</span>: 북</li></ul><h3>이미지 3 · 달력 보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">April</span>: 4월</li><li><span lang="en">Today</span>: 오늘</li><li><span lang="en">List</span>: 목록</li><li><span lang="en">Mon</span>: 월</li><li><span lang="en">Tue</span>: 화</li><li><span lang="en">Wed</span>: 수</li><li><span lang="en">Thu</span>: 목</li><li><span lang="en">Sun</span>: 일</li></ul></section>
@@ -0,0 +1,8 @@
+<p><img style="aspect-ratio:767/606;" src="4_Calendar View_image.png" width="767"
+  height="606" alt="책 노트의 달력 보기"></p><p>시작 날짜가 있는 하위 노트를 일정으로 표시합니다. 종료 날짜도 지정할 수 있습니다. 주 보기는 요일별 열에 시간 지정 일정과 종일 일정을 표시합니다. 월 보기는 한 달의 일정을 보여 주며 종일 일정을 만들 수 있습니다. 연 보기는 한 해를 한눈에 보여 줍니다. 목록 보기는 한 달의 일정을 순서대로 나열합니다. 일정 생성과 이동도 지원합니다.</p><h2>달력 만들기</h2><p>노트 트리에서 다음에 노트 삽입 또는 하위 노트 삽입을 선택하고 책 유형으로 만듭니다.</p><p><img src="2_Calendar View_image.png" alt="책 노트 만들기"></p><p>상단 리본의 책 속성에서 보기 유형을 달력으로 바꿉니다.</p><p><img src="3_Calendar View_image.png" alt="달력 보기 선택"></p><h2>일정 만들기</h2><p>날짜를 누르고 새 노트 제목을 입력합니다. 창을 닫거나 Esc를 누르면 만들지 않습니다. 여러 날짜를 끌어 선택하면 시작일과 종료일을 함께 지정합니다.</p><p><img src="Calendar View_image.png" alt="여러 날짜를 선택해 일정 만들기"></p><p>책 노트에 <code>~child:template</code> 관계가 있으면 새 일정에 해당 템플릿을 적용합니다.</p><h2>일정 조작</h2><p>마우스를 올리면 노트 정보가 나타납니다.</p><p><img src="7_Calendar View_image.png" alt="일정 미리보기"></p><p>왼쪽 버튼은 현재 화면에서 열고 가운데 버튼은 새 탭에서 엽니다. 오른쪽 메뉴에서는 분할 화면이나 새 창으로 열 수 있습니다. 일정을 끌어 날짜를 바꾸거나 오른쪽 가장자리를 끌어 기간을 바꿉니다.</p><h2>달력 설정</h2><ul><li><code>#calendar:hideWeekends</code> — 값과 관계없이 토요일과 일요일을 숨깁니다.</li><li><code>#calendar:weekNumbers</code> — 주 번호를 표시합니다.</li><li><code>#calendar:view</code> — <code>timeGridWeek</code>는 주 보기이며 <code>dayGridMonth</code>는 월 보기입니다. <code>multiMonthYear</code>는 연 보기이고 <code>listMonth</code>는 목록 보기입니다. 다른 값은 기본 월 보기로 처리합니다. 화면에서 보기를 바꾸면 값도 갱신됩니다.</li><li><code>~child:template</code> — 달력에서 만드는 노트의 템플릿입니다.</li></ul><p>한 주의 시작 요일은 앱 설정에서 일요일이나 월요일로 지정합니다.</p><h2>일정별 속성</h2><ul><li><code>#startDate</code> — 시작일입니다. <code>YYYY-MM-DD</code> 형식으로 입력합니다.</li><li><code>#endDate</code> — 종료일입니다. 해당 날짜까지 포함하며 하루 일정에서는 생략할 수 있습니다.</li><li><code>#startTime</code> — 24시간제의 시:분 형식입니다. 없으면 종일 일정으로 처리합니다.</li><li><code>#endTime</code> — 종료 시각입니다. 종료일이 없으면 시작일 기준입니다.</li><li><code>#color</code> — <code>red</code>나 <code>#FF0000</code> 같은 색을 지정합니다. 트리의 노트 색에도 적용합니다.</li><li><code>#calendar:color</code> — 달력의 일정 색만 바꿉니다.</li><li><code>#iconClass</code> — 제목 왼쪽에 노트 아이콘을 표시합니다.</li><li><code>#calendar:title</code> — 제목 대신 표시할 라벨이나 관계 이름을 지정합니다. 앞에 <code>#</code> 또는 <code>~</code>를 붙이지 않습니다.</li><li><code>#calendar:displayedAttributes</code> — 달력에 표시할 속성 이름을 쉼표로 나열합니다. 관계는 대상 노트 제목을 표시합니다.</li></ul><p><img src="9_Calendar View_image.png" alt="일정에 속성 표시"></p><p>예: <code>#weight="70" #Mood="좋음" #calendar:displayedAttributes="weight,Mood"</code>. 관계 예: <code>~assignee=@담당자 #calendar:displayedAttributes="assignee"</code>.</p><p><code>#calendar:startDate</code>에 <code>expiryDate</code>처럼 다른 라벨 이름을 지정하면 그 값을 시작일로 사용합니다. 이름 앞에 <code>#</code>를 붙이지 않습니다. 지정한 라벨이 없으면 기본 속성을 사용합니다. 같은 방식으로 <code>#calendar:endDate</code>와 <code>#calendar:startTime</code> 및 <code>#calendar:endTime</code>도 바꿀 수 있습니다.</p><h2>작동 방식</h2><p><img src="11_Calendar View_image.png" alt="날짜 속성과 달력 일정"></p><p>보통 <code>#startDate</code>가 있는 하위 노트를 표시하고 필요하면 <code>#endDate</code>를 사용합니다. 각 노트에서 날짜를 쉽게 편집하려면 책 노트에 다음 속성을 추가합니다.</p><pre><code class="language-text-x-trilium-auto">#viewType=calendar #label:startDate(inheritable)="promoted,alias=시작일,single,date"
+#label:endDate(inheritable)="promoted,alias=종료일,single,date"
+#hidePromotedAttributes </code></pre><p><img src="10_Calendar View_image.png" alt="주요 속성으로 날짜 편집"></p><p>일지 밖의 일반 달력은 여러 단계의 하위 노트까지 찾아 일정을 표시합니다.</p><h2>일지와 함께 사용</h2><p>일지 루트의 유형을 책으로 바꾸고 달력 보기를 선택합니다. <code>#calendarRoot</code> 또는 <code>#workspaceCalendarRoot</code>를 감지하면 다음과 같이 동작합니다.</p><ul><li><code>startDate</code> 대신 <code>dateNote</code>로 날짜를 읽습니다.</li><li>빈 영역을 끌어 선택하거나 일정 길이를 바꾸는 조작은 사용할 수 없습니다.</li><li>빈 날짜를 누르면 해당 일일 노트를 열고 없으면 만듭니다.</li><li>일일 노트의 바로 아래 노트는 날짜 속성이 없어도 표시합니다. 그보다 더 아래 단계는 표시하지 않습니다.</li></ul><p><img src="8_Calendar View_image.png" width="1217" height="724" alt="일지의 달력 보기"></p><h2>다른 속성을 일정 제목으로 사용</h2><p>달력 노트가 아닌 일정 노트에 <code>#calendar:title</code>을 지정합니다. 값에는 표시할 라벨 이름을 입력합니다. 템플릿 등으로 상속해도 됩니다. 해당 라벨이 없으면 노트 제목을 사용합니다.</p><pre><code class="language-text-x-trilium-auto">#startDate=2025-02-11 #endDate=2025-02-13 #name="내 휴가" #calendar:title="name"</code></pre><p><img style="aspect-ratio:445/124;" src="5_Calendar View_image.png" width="445"
+              height="124" alt="라벨 값을 일정 제목으로 표시"></p><h3>관계의 대상 제목 사용</h3><p>관계 이름도 지정할 수 있습니다. 같은 이름의 관계가 여러 개면 하나의 노트에서 여러 일정으로 표시됩니다.</p><pre><code class="language-text-x-trilium-auto">#startDate=2025-02-14 #endDate=2025-02-15 ~for=@김민수 ~for=@이서연 #calendar:title="for"</code></pre><p><img src="6_Calendar View_image.png" width="294" height="151" alt="여러 관계 대상을 일정으로 표시"></p><p>대상 노트에도 <code>#calendar:title</code>을 지정해 별도 라벨 값을 표시할 수 있습니다. 이 단계에서는 관계를 다시 따라가지 않습니다. 관계가 순환해 무한 반복되는 일을 막기 위한 제한입니다.</p><pre><code class="language-text-x-trilium-auto">#calendar:title="shortName" #shortName="민수"</code></pre><p><img style="aspect-ratio:296/150;" src="1_Calendar View_image.png" width="296"
+                height="150" alt="대상 노트의 짧은 이름 표시"></p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 책 노트의 달력 보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">February</span>: 2월</li><li><span lang="en">Today</span>: 오늘</li><li><span lang="en">Mon</span>: 월</li><li><span lang="en">Wed</span>: 수</li></ul><h3>이미지 2 · 책 노트 만들기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Protect subtree</span>: 하위 트리 보호</li><li><span lang="en">Advanced</span>: 고급</li><li><span lang="en">Note Map</span>: 노트 지도</li><li><span lang="en">New tab</span>: 새 탭</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Open</span>: 열기</li><li><span lang="en">Code</span>: 코드</li><li><span lang="en">Cut</span>: 잘라내기</li></ul><h3>이미지 3 · 달력 보기 선택</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">View type</span>: 보기 유형</li><li><span lang="en">Calendar</span>: 캘린더</li><li><span lang="en">new note</span>: 새 노트</li><li><span lang="en">Grid</span>: 격자</li></ul><h3>이미지 4 · 여러 날짜를 선택해 일정 만들기</h3><p>달력에서 날짜 범위를 선택해 여러 날에 걸친 일정을 만드는 예시입니다.</p><h3>이미지 5 · 일정 미리보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note</span>: 참고</li></ul><h3>이미지 6 · 일정에 속성 표시</h3><p>달력의 일정에 노트 속성 값을 함께 표시한 모습입니다. 예제의 속성 이름과 값을 본문 설정과 비교하세요.</p><h3>이미지 7 · 날짜 속성과 달력 일정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Owned Attributes</span>: 소유한 속성</li><li><span lang="en">Time</span>: 시간</li></ul><h3>이미지 8 · 주요 속성으로 날짜 편집</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Date</span>: 날짜</li><li><span lang="en">Time</span>: 시간</li></ul><h3>이미지 9 · 일지의 달력 보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">View type</span>: 보기 유형</li><li><span lang="en">February</span>: 2월</li><li><span lang="en">Calendar</span>: 캘린더</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Today</span>: 오늘</li><li><span lang="en">Wed</span>: 수</li><li><span lang="en">Sat</span>: 토</li><li><span lang="en">Sun</span>: 일</li></ul></section>
@@ -0,0 +1,4 @@
+<p>Trilium은 일정한 간격으로 노트의 상태를 저장해 이전 버전을 보관합니다.</p><h2>이전 버전 저장 간격</h2><p>설정 → 기타에서 저장 간격을 바꿀 수 있습니다. 간격이 짧을수록 더 많은 버전을 남기지만 저장 공간도 더 필요합니다.</p><p>특정 노트나 하위 트리의 버전 기록을 끄려면 <code>disableVersioning</code> <a
+  href="#root/_help_zEY4DaJG4YT5">라벨</a>을 추가하세요.</p><h2>보관 개수 제한</h2><p>설정 → 기타에서 노트마다 보관할 이전 버전의 최대 개수를 지정할 수 있습니다. -1은 제한 없음이며 0은 모든 이전 버전을 삭제한다는 뜻입니다. 개별 노트에는 <code>versioningLimit=X</code> 라벨로 따로 지정할 수 있습니다.</p><p>변경한 제한은 해당 노트를 수정할 때 적용됩니다.</p><p>초과한 이전 버전 지금 삭제 버튼을 누르면 즉시 적용할 수 있습니다.</p><p>이전 버전은 리본 메뉴 오른쪽의 버튼으로 확인할 수 있습니다.</p><p><img src="Note Revisions_note-revisi.png" alt="이전 버전 보기"></p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 이전 버전 보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note Revisions</span>: 노트 수정 이력</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">Delete</span>: 삭제</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Help</span>: 도움말</li></ul></section>
@@ -0,0 +1,3 @@
+<p>민감한 자료를 보관할 때 노트 보호 기능을 사용할 수 있습니다. 보호된 노트는 암호화되므로 <a href="#root/_help_wX4HbRucYSDD">데이터베이스</a> 파일만으로 본문을 읽을 수 없습니다.</p><p>보호 노트를 열려면 비밀번호로 보호 세션을 시작해야 합니다. 기본적으로 10분 동안 사용하지 않으면 세션이 끝납니다. 보호 노트를 편집하는 동안에는 시간이 연장되며 일반 노트로 이동하면 유휴 시간이 계산됩니다.</p><p>보호 기능은 내용을 숨기는 기능입니다. 보호 세션 밖에서도 노트를 옮기거나 삭제할 수 있으므로 삭제 방지 기능과는 다릅니다.</p><h2>보호 설정</h2><p>기본적으로 노트는 보호되지 않습니다. 제목 옆 방패 아이콘으로 설정하세요.</p><p><img src="Protected Notes_protecting.gif" alt="보호 노트 설정과 열기"></p><h2>암호화 범위</h2><p>제목과 본문 및 이미지와 첨부 파일은 암호화합니다. 트리 구조와 수정 시각 같은 메타데이터 및 <a href="#root/_help_zEY4DaJG4YT5">속성</a>은 암호화하지 않습니다. 보호 노트가 있다는 사실과 위치는 보일 수 있습니다.</p><h2>암호화 과정</h2><p>다음은 이 버전의 원문에 설명된 처리 과정입니다.</p><ul><li>입력한 비밀번호를 검증용 <a href="https://en.wikipedia.org/wiki/Scrypt">scrypt</a>와 <a href="https://en.wikipedia.org/wiki/Salt_(cryptography)">솔트</a>로 확인합니다.</li><li>다른 솔트로 비밀번호를 다시 처리해 데이터 키를 여는 값을 만듭니다. scrypt는 비밀번호 추측 비용을 높이는 <a href="https://en.wikipedia.org/wiki/Key_stretching">키 강화</a>에 사용됩니다.</li><li>생성한 값으로 실제 데이터 암호화 키를 복호화합니다. 이 키는 <a href="https://en.wikipedia.org/wiki/Advanced_Encryption_Standard">AES-128</a>과 무작위 <a href="https://en.wikipedia.org/wiki/Initialization_vector">초기화 벡터</a>를 사용해 암호화되어 있습니다. 데이터 키는 <a href="#root/_help_wX4HbRucYSDD">데이터베이스</a> 초기화 시 무작위로 만들며 비밀번호를 바꿀 때는 데이터 키를 다시 암호화합니다.</li><li>데이터 키로 제목과 본문을 복호화합니다. 원문은 AES-128의 <a href="https://en.wikipedia.org/wiki/Block_cipher_mode_of_operation">CBC 모드</a>를 사용하며 매 암호화 작업마다 다른 초기화 벡터를 생성해 암호문과 함께 저장한다고 설명합니다.</li></ul><h2>공유</h2><p>보호 노트는 일반 노트처럼 공개 공유할 수 없습니다. 올바른 비밀번호로 보호 세션을 시작해야 내용을 볼 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 보호 노트 설정과 열기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Notes</span>: 노트</li></ul></section>
@@ -0,0 +1,59 @@
+<h2>기본 테마</h2><p>기본값은 밝은 테마입니다. 왼쪽 위 앱 메뉴에서 설정 → 모양을 열면 어두운 테마나 다른 테마로 바꿀 수 있습니다.</p><p><img src="Themes_dark-theme.png" alt="어두운 테마"></p><h2>CSS로 테마 만들기</h2><p><a href="#root/_help_6f9hih2hXXZk">코드 노트</a>를 만들고 언어를 CSS로 지정합니다. <a href="#root/_help_zEY4DaJG4YT5">속성</a>에 <code>#appTheme=my-theme-name</code>을 추가합니다. <code>my-theme-name</code>은 원하는 테마 이름으로 바꿉니다. 본문에 다음과 같은 스타일을 작성합니다.</p><pre><code class="language-text-x-trilium-auto">@font-face {
+  font-family: 'Raleway';
+  font-style: normal;
+  font-weight: 400;
+  src: url('/custom/fonts/raleway.woff2') format('woff2');
+}
+
+:root {
+    --main-font-family: 'Raleway' !important;
+    --main-font-size: normal;
+    --tree-font-family: inherit;
+    --tree-font-size: normal;
+    --detail-font-family: inherit;
+    --detail-font-size: normal;
+    --detail-text-font-family: 'Garamond' !important;
+
+    --main-background-color: #404552;
+    --main-text-color: #AFB8C6;
+    --main-border-color: #AFB8C6;
+    --accented-background-color: #383C4A;
+    --more-accented-background-color: #2F343F;
+    --header-background-color: #383C4A;
+    --button-background-color: #2F343F;
+    --button-disabled-background-color: #404552;
+    --button-border-color: #333;
+    --button-text-color: #AFB8C6;
+    --button-border-radius: 2px;
+    --primary-button-background-color: #6c757d;
+    --primary-button-text-color: white;
+    --primary-button-border-color: #6c757d;
+    --muted-text-color: #86919F;
+    --input-text-color: #AFB8C6;
+    --input-background-color: #404552;
+    --hover-item-text-color: white;
+    --hover-item-background-color: #4877B1;
+    --active-item-text-color: white;
+    --active-item-background-color: #4877B1;
+    --menu-text-color: #AFB8C6;
+    --menu-background-color: #383C4A;
+    --tooltip-background-color: #383C4A;
+    --link-color: lightskyblue;
+    --modal-background-color: #404552;
+    --modal-backdrop-color: black;
+    --scrollbar-border-color: rgba(175, 184, 198, 0.5);
+}
+
+body .note-detail-text {
+    font-size: 120%;
+}
+
+body .CodeMirror {
+    filter: invert(100%) hue-rotate(180deg);
+}</code></pre><h3>테마 적용</h3><p>설정 → 모양의 테마 목록에서 <code>#appTheme</code> <a href="#root/_help_zEY4DaJG4YT5">라벨</a>에 지정한 이름을 선택합니다. CSS를 수정한 뒤에는 Ctrl+R로 화면을 새로고침합니다.</p><h3>공유와 가져오기</h3><p>원문에서 안내하는 테마 내보내기 형식은 <code>.tar</code>입니다. 외부 테마에는 실행 가능한 스크립트가 들어 있을 수 있으므로 신뢰할 수 있는 출처인지 확인하세요. 기본 예제에는 강철빛 파랑 테마가 있습니다.</p><p><img src="Themes_steel-blue.png" alt="강철빛 파랑 테마"></p><h2>화면 일부에 CSS 적용</h2><p>테마와 별개로 특정 요소만 꾸밀 수도 있습니다. CSS <a class="reference-link"
+    href="#root/_help_6f9hih2hXXZk">코드 노트</a>를 만들고 <code>#appCss</code> <a href="#root/_help_zEY4DaJG4YT5">라벨</a>을 추가한 다음 스타일을 작성합니다.</p><pre><code class="language-text-x-trilium-auto">/* 특정 화면 요소에 적용할 CSS */
+.tree-item {
+    color: #ff6347; /* 트리 항목의 글자색 변경 */
+}</code></pre><p>앱 화면이 시작될 때 <code>appCss</code>가 지정된 모든 노트의 CSS를 불러옵니다. 수정한 뒤 Ctrl+R로 새로고침하세요.</p><p><img src="Themes_image.png" alt="노트 트리에 사용자 스타일 적용"></p><h3>특정 노트 꾸미기</h3><p><code>cssClass</code> <a href="#root/_help_zEY4DaJG4YT5">속성</a>의 값에 CSS 클래스 이름을 지정합니다. <code>iconClass</code>에는 <a href="https://boxicons.com">Box Icons</a>의 아이콘 클래스나 직접 만든 클래스를 지정할 수 있습니다. PNG 이미지 노트처럼 특정 유형에 적용하려면 <code>type-image mime-image-png</code> 같은 클래스를 사용합니다.</p><h3>다른 사용자의 테마</h3><p><a class="reference-link" href="#root/_help_VbjZvtUek0Ln">테마 모음</a>에서 커뮤니티가 만든 테마를 살펴보세요.</p><h3>기본 파일 경로</h3><p>기본 이미지 등을 참조할 때 버전 번호 대신 <code>vX</code> 별칭을 사용하면 업데이트에 대응하기 쉽습니다. 예를 들어 <code>/assets/v0.57.0-beta/images/icon-grey.png</code> 대신 <code>/assets/vX/images/icon-grey.png</code>를 사용합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 어두운 테마</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Delete</span>: 삭제</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Help</span>: 도움말</li></ul><h3>이미지 2 · 강철빛 파랑 테마</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">November</span>: 11월</li><li><span lang="en">December</span>: 12월</li><li><span lang="en">Delete</span>: 삭제</li><li><span lang="en">Search</span>: 검색</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Help</span>: 도움말</li></ul><h3>이미지 3 · 노트 트리에 사용자 스타일 적용</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Owned Attributes</span>: 소유한 속성</li></ul></section>
@@ -0,0 +1,6 @@
+<p><img style="aspect-ratio:893/144;" src="Floating buttons_image.png" width="893"
+  height="144" alt="노트별 추가 작업 버튼"></p><p>현재 노트의 종류에 따라 <a class="reference-link" href="#root/_help_BlN9DFI679QC">리본 메뉴</a> 바로 아래 오른쪽에 추가 작업 버튼이 나타납니다. 해당 노트에 필요한 기능을 제공합니다.</p><p>예를 들면 다음과 같습니다.</p><ul><li><a class="reference-link" href="#root/_help_s1aBHPd79XYj">Mermaid 다이어그램</a>과 <a
+    class="reference-link" href="#root/_help_grjYqerjn243">캔버스</a>에서는 SVG로 내려받거나 참조를 복사해 <a class="reference-link"
+      href="#root/_help_iPIMuisry3hd">텍스트 노트</a>에 붙여 넣을 수 있습니다.</li><li><a href="#root/_help_CoFPLs3dRlXc">읽기 전용 노트</a>에서는 잠시 편집을 허용해 빠르게 수정할 수 있습니다.</li></ul><h2>사용 방법</h2><p>오른쪽 끝의 화살표 두 개를 누르면 버튼 영역을 접을 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트별 추가 작업 버튼</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">new note</span>: 새 노트</li></ul></section>
@@ -0,0 +1,3 @@
+<p>전체 메뉴에서는 화면 확대 비율과 창을 항상 위에 표시하는 옵션 등 현재 창의 동작을 설정할 수 있습니다. 여러 고급 기능에도 접근할 수 있습니다.</p><p><img src="Global menu_image.png" alt="전체 메뉴"></p><h2>전체 메뉴 열기</h2><p>선택한 화면 배치에 따라 메뉴 위치가 달라집니다. <a href="#root/_help_x0JgW8UqGXvq">세로 배치와 가로 배치</a>를 참고하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 전체 메뉴</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">About TriliumNext Notes</span>: TriliumNext Notes 정보</li><li><span lang="en">Configure Launchbar</span>: 실행 도구 모음 설정</li><li><span lang="en">Open New Window</span>: 새 창 열기</li><li><span lang="en">Advanced</span>: 고급</li><li><span lang="en">Zen Mode</span>: 젠 모드</li><li><span lang="en">Shared</span>: 공유됨</li><li><span lang="en">Zoom</span>: 확대/축소</li><li><span lang="en">Help</span>: 도움말</li></ul></section>
@@ -0,0 +1,7 @@
+<h2>위치</h2><p>선택한 <a href="#root/_help_x0JgW8UqGXvq">화면 배치</a>에 따라 왼쪽에 세로로 표시하거나 위쪽에 가로로 표시합니다.</p><h2>용어</h2><ul><li>실행 버튼 — 실행 도구 모음에 배치하는 버튼입니다.</li><li>사용 가능한 실행 버튼 — 현재 숨겨져 있지만 추가할 수 있는 버튼입니다.</li><li>표시 중인 실행 버튼 — 현재 도구 모음에 있는 버튼입니다.</li></ul><h2>설정 열기</h2><p>도구 모음의 빈 곳을 오른쪽 클릭하거나 <a href="#root/_help_x3i7MxGccDuM">전체 메뉴</a>에서 실행 도구 모음 설정을 선택하세요. 새 탭의 <a href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>에 버튼 목록이 나타납니다.</p><p><img src="Launch Bar_image.png" alt="실행 도구 모음 설정"></p><p>사용 가능한 실행 버튼과 표시 중인 실행 버튼을 펼쳐 확인하세요. 항목의 오른쪽 클릭 메뉴로 다른 목록으로 이동하거나 끌어서 옮길 수 있습니다. 트리에서 순서를 바꾸면 도구 모음에도 반영됩니다. 키보드 조작은 <a href="#root/_help_oPVyFC7WL2Lp">노트 트리 안내</a>를 참고하세요.</p><h2>꾸미기와 초기화</h2><p>제목과 <a
+    href="#root/_help_p9kXRFAkwN4o">아이콘</a>은 일반 노트처럼 바꿀 수 있습니다. 버튼이나 도구 모음 전체를 오른쪽 클릭하고 초기화를 선택하면 해당 부분을 기본 구성으로 되돌립니다.</p><h3>새 버튼 만들기</h3><p>두 목록 중 하나를 오른쪽 클릭해 다음 유형을 선택하세요.</p><ul><li>노트 실행 버튼 — <code>target</code>에 열 노트를 지정합니다. <code>hoistedNote</code>로 <a
+        href="#root/_help_OR8WJ7Iz9K4U">하위 트리 표시 범위</a>를 지정할 수 있으며 <code>keyboardShortcut</code>으로 단축키를 정할 수 있습니다.</li><li>스크립트 실행 버튼 — <code>script</code>에 실행할 <a
+      href="#root/_help_CdNpE2pqjmI6">스크립트</a>를 지정하고 필요하면 단축키를 설정합니다.</li><li>사용자 위젯 — 버튼 영역에 직접 만든 위젯을 표시합니다. <a
+      href="#root/_help_SynTBQiBsdYJ">위젯 기본 안내</a>를 참고하세요.</li><li>간격 — 버튼 사이에 빈 공간을 넣어 구분합니다.</li></ul><p>각 항목은 미리 정의된 <a href="#root/_help_OFXdgB2nNk1F">주요 속성</a>으로 설정합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 실행 도구 모음 설정</h3><p>실행 도구 모음에 표시할 항목을 설정하는 화면입니다. 각 실행 도구가 어떤 노트나 기능을 여는지 본문 설명과 함께 확인하세요.</p></section>
@@ -0,0 +1,5 @@
+<p>노트 트리에서 노트를 이동하고 구조를 정리하는 방법을 설명합니다.</p><p><img src="Note Tree_image.png" alt="노트 트리"></p><h2>끌어서 놓기</h2><p><img src="Note Tree_drag-and-drop.gif" alt="노트를 끌어서 이동하는 예시"></p><p>노트를 원하는 위치로 끌어서 놓으면 트리의 순서와 구조를 바꿀 수 있습니다.</p><h2>키보드로 이동하기</h2><p><img src="Note Tree_move-note-with-k.gif" alt="키보드로 노트를 이동하는 예시"></p><p>다음 <a
+  href="#root/_help_A9Oc6YKKc65v">단축키</a>를 사용할 수 있습니다.</p><ul><li><kbd>Ctrl</kbd>+<kbd>↑</kbd> 또는 <kbd>Ctrl</kbd>+<kbd>↓</kbd> — 같은 단계에서 노트를 위아래로 이동합니다.</li><li><kbd>Ctrl</kbd>+<kbd>←</kbd> — 노트를 한 단계 위로 올립니다. 현재 상위 노트의 상위 노트 아래로 옮깁니다.</li><li><kbd>Ctrl</kbd>+<kbd>→</kbd> — 바로 위에 있는 노트의 하위 노트로 옮깁니다.</li><li><kbd>←</kbd>와 <kbd>→</kbd> — 하위 트리를 접거나 펼칩니다.</li></ul><h2>오른쪽 클릭 메뉴</h2><p>잘라내기와 붙여넣기로도 노트를 이동할 수 있습니다. 관련 <a href="#root/_help_A9Oc6YKKc65v">단축키</a>는 <kbd>Ctrl</kbd>+<kbd>C</kbd>(<a
+  href="#root/_help_IakOLONlIfGI">복사</a>)와 <kbd>Ctrl</kbd>+<kbd>X</kbd>(잘라내기) 및 <kbd>Ctrl</kbd>+<kbd>V</kbd>(붙여넣기)입니다.</p><p>자세한 내용은 <a class="reference-link" href="#root/_help_YtSN43OrfzaA">노트 트리 메뉴</a>를 참고하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 트리</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Mind Map</span>: 마인드맵</li><li><span lang="en">Canvas</span>: 캔버스</li><li><span lang="en">Note</span>: 참고</li></ul><h3>이미지 2 · 노트를 끌어서 이동하는 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">List</span>: 목록</li><li><span lang="en">Open</span>: 열기</li></ul><h3>이미지 3 · 키보드로 노트를 이동하는 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Today</span>: 오늘</li><li><span lang="en">List</span>: 목록</li><li><span lang="en">wiki</span>: 위키</li></ul></section>
@@ -0,0 +1,3 @@
+<p>여러 노트를 한꺼번에 선택할 수 있습니다.</p><p>먼저 선택 범위의 첫 노트를 클릭하세요. Shift 키를 누른 채 마지막 노트를 클릭하면 그 사이에 있는 노트가 모두 선택됩니다.</p><p><img src="Multiple selection_image.png" alt="여러 노트 선택"></p><p>선택한 노트에서 마우스 오른쪽 버튼을 누르면 잘라내기와 복사 및 이동과 복제 또는 삭제를 한꺼번에 적용할 수 있습니다. <a class="reference-link" href="#root/_help_ivYnonVFBxbQ">일괄 작업</a>도 사용할 수 있습니다. 여러 노트에 적용할 수 없는 메뉴는 비활성화됩니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 여러 노트 선택</h3><p>노트 트리에서 여러 항목이 동시에 선택된 모습입니다. 선택한 노트들에 같은 작업을 적용할 수 있습니다.</p></section>
@@ -0,0 +1,13 @@
+<p><img style="aspect-ratio:372/760;" src="1_Note tree contextual menu_.png"
+  width="372" height="760" alt="노트 트리 메뉴"></p><p><a
+  class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>에서 마우스 오른쪽 버튼을 누르면 열립니다. 노트 하나에 사용하거나 <a class="reference-link"
+    href="#root/_help_yTjUdsOi4CIE">여러 노트를 선택</a>한 뒤 사용할 수 있습니다. 오른쪽 버튼으로 누른 노트도 보통 대상에 포함됩니다. 여러 노트를 선택하면 함께 처리할 수 있는 메뉴만 활성화됩니다.</p><h2>기본 메뉴</h2><ul><li>새 탭에서 열기 — 노트 하나를 새 <a href="#root/_help_3seOhtN8uLIY">탭</a>에 엽니다.</li><li>새 분할 화면에서 열기 — 현재 탭 오른쪽에 노트를 엽니다.</li><li>노트 확대 보기 — 트리에 해당 노트와 하위 항목만 표시합니다. <a class="reference-link"
+        href="#root/_help_OR8WJ7Iz9K4U">노트 확대 보기</a>를 참고하세요.</li><li>다음에 노트 삽입 — 같은 단계에 지정한 <a href="#root/_help_KSZ04uQ2D1St">유형</a>의 노트를 만듭니다. 사용 가능한 <a class="reference-link" href="#root/_help_KC1HB96bqqHX">템플릿</a>도 목록 끝에 표시됩니다.</li><li>하위 노트 삽입 — 선택한 노트 아래에 만듭니다.</li><li>하위 트리 보호 — 현재 노트와 모든 하위 노트를 <a
+        class="reference-link" href="#root/_help_bwg0e8ewQMak">보호</a>합니다. 하위 트리 보호 해제는 보호를 풉니다.</li><li>잘라내기 — 노트를 클립보드에 넣습니다. 붙여넣기로 옮깁니다.</li><li>복사·복제 — 붙여넣기로 같은 노트를 다른 위치에도 배치합니다. <a class="reference-link"
+        href="#root/_help_IakOLONlIfGI">복제된 노트</a>는 한곳에서 수정하면 모든 위치에 반영됩니다. 따로 편집할 사본은 하위 트리 사본 만들기를 사용합니다.</li><li>안에 붙여넣기 — 현재 노트의 하위 노트로 붙입니다. 다음에 붙여넣기는 같은 단계에 붙입니다.</li><li>이동할 위치 선택 — 대상을 지정하는 창을 엽니다.</li><li>복제할 위치 선택 — <a href="#root/_help_IakOLONlIfGI">복제</a> 대상을 지정하는 창을 엽니다.</li><li>삭제 — 확인 창을 거쳐 삭제합니다. 모든 복제본도 삭제를 선택하면 <a class="reference-link"
+            href="#root/_help_IakOLONlIfGI">다른 위치의 복제본</a>도 지웁니다. 영구 삭제를 선택하면 <a class="reference-link" href="#root/_help_r5JGHN99bVKn">최근 변경 사항</a>에서 복원할 수 없습니다.</li><li>노트로 가져오기 — <a href="#root/_help_mHbBMPDPkVV5">가져오기</a> 창을 열고 자료를 하위 노트로 넣습니다.</li><li>내보내기 — 선택한 노트의 <a href="#root/_help_mHbBMPDPkVV5">내보내기</a> 창을 엽니다.</li><li>하위 트리에서 검색 — 현재 노트와 하위 항목만 찾도록 상위 노트 조건이 지정된 <a class="reference-link" href="#root/_help_eIg8jdvaoNNd">검색</a>을 엽니다.</li></ul><h2>고급 메뉴</h2><p><img style="aspect-ratio:289/355;" src="Note tree contextual menu_.png"
+  width="289" height="355" alt="노트 트리의 고급 메뉴"></p><ul><li>일괄 작업 적용 — <a class="reference-link" href="#root/_help_ivYnonVFBxbQ">일괄 작업</a> 창에서 <a class="reference-link" href="#root/_help_yTjUdsOi4CIE">여러 노트</a>에 라벨 추가나 이동 등을 적용합니다.</li><li>가지 접두사 편집 — <a href="#root/_help_IakOLONlIfGI">복제본</a>을 구분할 <a class="reference-link" href="#root/_help_TBwsyfadTA18">접두사</a>를 지정합니다.</li><li>첨부 파일로 변환 — 상위 노트의 <a class="reference-link" href="#root/_help_0vhv7lsOLy82">첨부 파일</a>로 바꿉니다. 외부에서 가져왔거나 이전 버전에서 만든 이미지 <a class="reference-link"
+        href="#root/_help_W8vYD3Q1zjCR">파일 노트</a>에 유용합니다.</li><li>하위 트리 사본 만들기 — 노트와 하위 항목을 별도로 복사합니다. <a class="reference-link" href="#root/_help_IakOLONlIfGI">복제</a>와 달리 원본과 독립적으로 편집합니다. 반복해서 만들려면 <a class="reference-link"
+        href="#root/_help_KC1HB96bqqHX">템플릿</a>도 고려하세요.</li><li>하위 트리 펼치기와 접기 — <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>의 모든 하위 항목을 펼치거나 접습니다.</li><li>정렬 기준 선택 — 하위 노트를 한 번 정렬합니다. 자동 정렬은 <a class="reference-link" href="#root/_help_zEY4DaJG4YT5">속성</a>으로 설정합니다. <a class="reference-link" href="#root/_help_aGlEvb9hyDhS">노트 정렬</a>을 참고하세요.</li><li>노트 경로 복사 — 현재 가지의 전체 경로를 URL 조각으로 복사합니다. 예: <code>#root/Hb2E70L7HPuf/4sRFgMZhYFts/2IVuShedRJ3U/LJVMvKXOFv7n</code>. <a class="reference-link" href="#root/_help_QEAPj01N5f7w">링크</a> 만들기와 <a class="reference-link" href="#root/_help_wArbEsdSae6g">노트 이동</a>에 사용합니다.</li><li>하위 트리의 최근 변경 사항 — 해당 노트와 하위 항목의 <a class="reference-link" href="#root/_help_r5JGHN99bVKn">최근 변경 사항</a>만 보여 줍니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 트리 메뉴</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Open in a new split</span>: 새 분할에서 열기</li><li><span lang="en">Search in subtree</span>: 하위 트리에서 검색</li><li><span lang="en">Unprotect subtree</span>: 하위 트리 보호 해제</li><li><span lang="en">Copy / clone</span>: 복사/복제</li><li><span lang="en">Paste after</span>: 다음에 붙여넣기</li><li><span lang="en">Hoist note</span>: 노트 호이스팅</li><li><span lang="en">Paste into</span>: 안에 붙여넣기</li><li><span lang="en">Advanced</span>: 고급</li><li><span lang="en">New tab</span>: 새 탭</li><li><span lang="en">Export</span>: 내보내기</li><li><span lang="en">Delete</span>: 삭제</li><li><span lang="en">Cut</span>: 잘라내기</li></ul><h3>이미지 2 · 노트 트리의 고급 메뉴</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Copy note path to clipboard</span>: 노트 경로를 클립보드에 복사</li><li><span lang="en">Recent changes in subtree</span>: 하위 트리의 최근 변경 내역</li><li><span lang="en">Edit branch prefix</span>: 브랜치 접두사 편집</li><li><span lang="en">Apply bulk actions</span>: 일괄 작업 적용</li><li><span lang="en">Duplicate subtree</span>: 하위 트리 복제</li><li><span lang="en">Expand subtree</span>: 하위 트리 펼치기</li></ul></section>
@@ -0,0 +1,4 @@
+<p><img style="aspect-ratio:1189/709;" src="Options_image.png" width="1189"
+  height="709" alt="설정 화면"></p><p>설정에서 TriliumNext 클라이언트와 서버의 동작을 바꿀 수 있습니다.</p><h2>설정 열기</h2><ul><li><a href="#root/_help_x3i7MxGccDuM">전체 메뉴</a>에서 설정을 선택합니다.</li><li><a href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>의 <img src="1_Options_image.png" alt="설정 버튼">을 누릅니다. 필요하지 않으면 이 버튼을 숨길 수도 있습니다.</li><li>설정 열기에 단축키를 지정할 수 있습니다. 기본 단축키는 없습니다.</li><li><a class="reference-link" href="#root/_hidden/_help__options">설정 바로가기</a>를 눌러 열 수도 있습니다.</li></ul><p>설정을 연 뒤 <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>에서 원하는 설정 범주를 선택하세요.</p><h2>설정 닫기</h2><p>설정은 새 <a href="#root/_help_3seOhtN8uLIY">탭</a>에서 열립니다. 해당 탭을 닫으면 됩니다.</p><h2>설정 동기화</h2><p><a class="reference-link" href="#root/_help_cbkrhQjrkKrh">동기화</a>를 사용하면 일부 설정은 모든 기기에 함께 적용됩니다. 나머지 설정은 기기마다 다르게 지정할 수 있습니다.</p><p>테마와 화면의 가로·세로 배치 및 코드 블록 테마처럼 화면 표시와 관련된 설정은 각 기기에 맞게 조정할 수 있도록 일반적으로 동기화하지 않습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 설정 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Appearance</span>: 모양</li><li><span lang="en">View type</span>: 보기 유형</li><li><span lang="en">Shortcuts</span>: 단축키</li><li><span lang="en">Advanced</span>: 고급</li><li><span lang="en">Language</span>: 언어</li><li><span lang="en">Password</span>: 비밀번호</li><li><span lang="en">Options</span>: 옵션</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Other</span>: 기타</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Grid</span>: 격자</li></ul></section>
@@ -0,0 +1,6 @@
+<p><img style="aspect-ratio:988/572;" src="1_Recent Changes_image.png" width="988"
+  height="572" alt="최근 변경 사항 화면"></p><h2>최근 변경 사항 열기</h2><ul><li><a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>의 <img src="Recent Changes_image.png"
+    width="25" height="21" alt="최근 변경 사항 버튼">을 누르면 전체 노트의 변경 사항을 확인할 수 있습니다. <a href="#root/_help_OR8WJ7Iz9K4U">하위 트리만 표시</a> 기능이나 <a
+        href="#root/_help_9sRHySam5fXb">작업 공간</a>을 사용 중이면 해당 범위의 변경 사항만 표시됩니다.</li><li>특정 노트와 그 하위 노트의 변경 사항만 보려면 <a class="reference-link" href="#root/_help_YtSN43OrfzaA">노트 트리의 오른쪽 클릭 메뉴</a> → 고급에서 해당 항목을 선택하세요.</li></ul><h2>사용 방법</h2><ul><li>가장 최근에 변경한 노트부터 표시됩니다.</li><li>노트 제목과 경로가 함께 표시됩니다. 제목을 누르면 창이 닫히고 해당 노트로 이동합니다.</li><li>삭제한 노트도 삭제 시점을 기준으로 표시됩니다. 옆의 삭제 취소를 누르면 복원할 수 있습니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 최근 변경 사항 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Erase deleted notes now</span>: 삭제된 노트 지금 완전히 삭제</li><li><span lang="en">Recent changes</span>: 최근 변경 내역</li><li><span lang="en">Calendar</span>: 캘린더</li><li><span lang="en">April</span>: 4월</li></ul></section>
@@ -0,0 +1,7 @@
+<p><img src="Ribbon_image.png" alt="상단 리본"></p><p>상단 리본에서 현재 노트의 설정과 속성을 바꾸고 정보를 확인할 수 있습니다.</p><h2>설정과 서식</h2><p><a href="#root/_help_4TIF1oA4VQRO">설정</a> → 모양 → 리본 위젯에서 노트를 열 때 자동으로 펼칠 항목을 선택할 수 있습니다. 고정 <a href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>을 사용하면 편집 버튼도 여기에 표시됩니다.</p><h2>기본 속성</h2><ul><li><a href="#root/_help_KSZ04uQ2D1St">노트 유형</a> — 보통 빈 노트에서 변경합니다. 고급 사용자는 유형을 잠시 바꿔 <a href="#root/_help_4FahAwuGTAwC">소스</a>를 편집할 수도 있습니다.</li><li><a href="#root/_help_bwg0e8ewQMak">노트 보호</a> — 암호화와 보호 세션 사용 여부입니다.</li><li>편집 가능 여부 — 큰 노트에서 자동으로 <a href="#root/_help_CoFPLs3dRlXc">읽기 전용</a>을 사용하거나 항상 읽기 전용 또는 항상 편집 가능으로 지정합니다.</li><li><a href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>에 <a href="#root/_help_u3YFHC9tQlpm">북마크</a>로 표시할지 선택합니다.</li><li><a href="#root/_help_WOcw2SLH6tbX">서버 인스턴스</a>에서 <a href="#root/_help_R9pX4DGra2Vt">공개 공유</a>할지 선택합니다.</li><li><a href="#root/_help_KC1HB96bqqHX">템플릿</a>으로 사용할지 선택합니다.</li><li><a
+    href="#root/_help_veGu4faJErEM">본문 언어</a> — 맞춤법 검사와 오른쪽에서 왼쪽으로 쓰기에 사용합니다.</li></ul><h2>소유한 속성</h2><p>노트에 직접 지정한 라벨과 관계를 편집합니다. <a href="#root/_help_zEY4DaJG4YT5">속성</a>을 참고하세요. 오른쪽 더하기 버튼으로 입력하거나 <a href="#root/_help_OFXdgB2nNk1F">주요 속성</a>의 형식을 정의할 수 있습니다.</p><h2>상속된 속성</h2><p><a
+  href="#root/_help_bwZpz2ajCEwO">상속</a>으로 적용된 항목을 확인합니다. 이 화면에서는 수정할 수 없습니다.</p><h2>노트 경로</h2><p>노트가 놓인 모든 위치를 표시하며 <a href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>처럼 새 위치로 <a
+  href="#root/_help_IakOLONlIfGI">복제</a>할 수 있습니다.</p><h2>노트 지도</h2><p>현재 노트의 관계와 하위 구조를 표시합니다. 관련 <a href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>도 확인할 수 있습니다.</p><h2>유사한 노트</h2><p><a href="#root/_help_xWtq5NUHOwql">비슷한 노트 목록</a>을 표시합니다.</p><h2>노트 정보</h2><p><a href="#root/_help_m1lbrzyKDaRB">내부 ID</a>와 <a href="#root/_help_KSZ04uQ2D1St">노트 유형</a> 및 MIME 유형을 표시합니다. 생성일과 수정일 및 <a href="#root/_help_wX4HbRucYSDD">데이터베이스</a>의 예상 용량과 하위 노트 수·용량도 확인할 수 있습니다.</p><h2>편집한 노트</h2><p><a href="#root/_help_l0tKav7yLHGF">날짜별 노트</a>를 열면 그날 편집한 노트를 표시합니다. <a
+  class="reference-link" href="#root/_hidden/_options/_help__optionsAppearance">모양 설정</a>의 리본 위젯에서 자동 표시를 끌 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 상단 리본</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Basic Properties</span>: 기본 속성</li><li><span lang="en">Protect the note</span>: 노트 보호</li><li><span lang="en">Note type</span>: 노트 유형</li><li><span lang="en">Editable</span>: 편집 가능</li><li><span lang="en">Language</span>: 언어</li><li><span lang="en">new note</span>: 새 노트</li><li><span lang="en">Bookmark</span>: 북마크</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">not set</span>: 설정 안 됨</li><li><span lang="en">Shared</span>: 공유됨</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Auto</span>: 자동</li></ul></section>
@@ -0,0 +1,5 @@
+<p><img style="aspect-ratio:1036/372;" src="Right Sidebar_image.png" width="1036"
+  height="372" alt="오른쪽 사이드바"></p><p>오른쪽 사이드바는 현재 노트와 관련된 다음 내용을 보여 줍니다.</p><ul><li><a class="reference-link" href="#root/_help_BFvAtE74rbP6">목차</a></li><li><a class="reference-link" href="#root/_help_AxshuNRegLAv">강조 표시 목록</a></li></ul><p>표시할 내용이 없으면 사이드바가 나타나지 않습니다. 예를 들어 제목이 적고 강조 표시도 없으면 숨겨집니다.</p><h2>사이드바 표시와 숨기기</h2><p><code>toggleRightPane</code> 단축키를 지정해 사이드바를 표시하거나 숨길 수 있습니다. 기본 키는 지정되어 있지 않습니다.</p><h2>분할 화면에서 사용</h2><p><a class="reference-link" href="#root/_help_luNhaphA37EO">화면 분할</a>을 사용해도 현재 <a
+  href="#root/_help_3seOhtN8uLIY">탭</a>에는 사이드바가 하나만 표시됩니다.</p><p>분할된 화면에서 노트를 클릭하면 해당 노트의 내용으로 사이드바가 바뀝니다. 표시할 내용이 없으면 닫힌 상태를 유지합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 오른쪽 사이드바</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Table of Contents</span>: 목차</li><li><span lang="en">List</span>: 목록</li><li><span lang="en">Book</span>: 북</li></ul></section>
@@ -0,0 +1,5 @@
+<p>분할 보기를 사용하면 둘 이상의 노트를 나란히 열고 작업할 수 있습니다.</p><p><img style="aspect-ratio:1398/1015;" src="Split View_2_Split View_im.png"
+  width="1398" height="1015" alt="여러 노트를 나란히 연 화면"></p><h2>사용 방법</h2><ul><li>노트 제목 오른쪽의 <img src="Split View_Split View_imag.png" alt="분할 보기 추가 버튼">을 누르면 오른쪽에 새 영역이 열립니다. 여러 번 눌러 영역을 더 만들 수 있습니다. 좌우 배치만 지원하며 위아래 배치나 끌어서 나누기는 지원하지 않습니다.</li><li>분할 영역 옆의 <img src="Split View_3_Split View_im.png" alt="분할 보기 닫기 버튼">으로 해당 영역을 닫습니다.</li><li><img src="Split View_4_Split View_im.png" alt="이전 분할 영역으로 이동">과 <img src="Split View_1_Split View_im.png" alt="다음 분할 영역으로 이동">으로 영역 사이를 이동합니다.</li><li><a href="#root/_help_3seOhtN8uLIY">탭</a>마다 분할 구성을 따로 유지합니다. 탭 제목에는 첫 번째 노트의 제목만 표시됩니다.</li></ul><h2>노트 트리와 표시 범위</h2><p>분할 영역의 본문을 누르면 해당 영역이 활성화됩니다. <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>에서도 그 영역에서 편집 중인 노트를 표시합니다.</p><p>각 영역에 서로 다른 <a class="reference-link"
+    href="#root/_help_OR8WJ7Iz9K4U">하위 트리 표시 범위</a>를 지정할 수 있습니다. 새 영역을 만들면 기존 영역의 표시 범위를 이어받으므로 만든 뒤 원하는 범위로 바꾸세요.</p><p>노트를 정리할 때 한쪽은 원래 위치의 하위 트리로 제한하고 다른 쪽은 옮길 위치로 제한하면 편리합니다. 노트를 전환할 때마다 트리 위치가 크게 바뀌지 않아 잘라내기와 붙여넣기로 옮기기 쉽습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 여러 노트를 나란히 연 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Theme defined</span>: 테마 정의됨</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Code Blocks</span>: 코드 블록</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">new note</span>: 새 노트</li><li><span lang="en">Widget</span>: 위젯</li><li><span lang="en">Notes</span>: 노트</li></ul></section>
@@ -0,0 +1,5 @@
+<p><img style="aspect-ratio:1119/43;" src="2_Tabs_image.png" width="1119"
+  height="43" alt="노트 탭"></p><p>탭을 사용하면 여러 노트 사이를 빠르게 전환할 수 있습니다.</p><h2>배치</h2><p><a class="reference-link" href="#root/_help_x0JgW8UqGXvq">세로 배치와 가로 배치</a> 설정에 따라 위치가 달라집니다.</p><ul><li>세로 배치에서는 <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a> 오른쪽 영역의 위에 표시됩니다.</li><li>가로 배치에서는 <a href="#root/_help_oPVyFC7WL2Lp">노트 트리</a> 위에서 화면 너비 전체를 사용하므로 더 많은 탭을 표시할 수 있습니다.</li></ul><h2>사용 방법</h2><ul><li>마지막 탭 오른쪽의 <img src="1_Tabs_image.png" alt="새 탭 버튼">으로 탭을 만듭니다.</li><li>각 탭의 <img src="Tabs_image.png" alt="탭 닫기 버튼">으로 닫습니다.</li><li><a class="reference-link"
+    href="#root/_help_luNhaphA37EO">분할 보기</a>와 함께 사용하면 탭마다 여러 노트를 나란히 표시할 수 있습니다.</li><li>탭을 끌어서 순서를 바꿀 수 있습니다.</li><li>탭을 위아래로 끌어 별도 창으로 분리할 수 있습니다. 분리한 탭을 다른 창으로 다시 합치는 기능은 지원하지 않습니다.</li></ul><h2>단축키</h2><ul><li><kbd>Ctrl</kbd>+<kbd>T</kbd> — 새 탭 열기</li><li><kbd>Ctrl</kbd>+<kbd>W</kbd> — 현재 탭 닫기</li><li><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>T</kbd> — 마지막으로 닫은 탭 다시 열기</li><li><kbd>Ctrl</kbd>+<kbd>Tab</kbd> — 다음 탭으로 이동</li><li><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Tab</kbd> — 이전 탭으로 이동</li><li><kbd>Ctrl</kbd>+<kbd>1</kbd>부터 <kbd>Ctrl</kbd>+<kbd>9</kbd>까지 — 첫 번째부터 아홉 번째 탭으로 이동</li><li>마지막 탭으로 이동하는 기능에도 단축키를 지정할 수 있습니다. 기본 키는 없습니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 탭</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">new note</span>: 새 노트</li><li><span lang="en">Canvas</span>: 캔버스</li></ul></section>
@@ -0,0 +1,4 @@
+<h2>화면 배치</h2><p>두 가지 배치 중에서 선택할 수 있습니다.</p><h3>세로 배치</h3><ul><li><a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>을 화면 왼쪽에 세로로 표시합니다.</li><li>탭은 <a class="reference-link"
+    href="#root/_help_oPVyFC7WL2Lp">노트 트리</a> 오른쪽 영역의 위에 표시합니다.</li><li><a class="reference-link" href="#root/_help_Ms1nauBra7gq">빠른 검색</a>은 <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a> 위에 있습니다.</li><li><a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>는 <a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a> 아래의 <img src="5_Vertical and horizontal la.png" alt="트리 접기 버튼">으로 접을 수 있습니다.</li><li><a class="reference-link" href="#root/_help_x3i7MxGccDuM">전체 메뉴</a>는 <a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a> 위의 <img src="4_Vertical and horizontal la.png" alt="메뉴 버튼">으로 엽니다.</li></ul><p><img src="3_Vertical and horizontal la.png" alt="세로 배치 화면"></p><h3>가로 배치</h3><ul><li><a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>을 화면 위에 가로로 표시합니다.</li><li>탭이 화면 위에서 전체 너비를 사용하므로 더 많은 탭을 한 번에 표시할 수 있습니다.</li><li><a class="reference-link" href="#root/_help_Ms1nauBra7gq">빠른 검색</a>은 <a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a>에 포함됩니다. 위치를 바꾸거나 제거할 수 있습니다.</li><li><a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>는 첫 탭 왼쪽의 <img src="1_Vertical and horizontal la.png" alt="트리 접기 버튼">으로 접습니다.</li><li><a class="reference-link" href="#root/_help_x3i7MxGccDuM">전체 메뉴</a>는 <a class="reference-link" href="#root/_help_xYmIYSP6wE3F">실행 도구 모음</a> 끝의 <img src="Vertical and horizontal la.png" alt="메뉴 버튼">으로 엽니다.</li></ul><p><img src="2_Vertical and horizontal la.png" alt="가로 배치 화면"></p><h2>배치 바꾸기</h2><p><a class="reference-link" href="#root/_help_4TIF1oA4VQRO">설정</a> → 모양 → 배치에서 선택하세요. 선택하면 창을 다시 불러와 즉시 적용합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 3 · 세로 배치 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Mind Map</span>: 마인드맵</li><li><span lang="en">Delete</span>: 삭제</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Help</span>: 도움말</li></ul><h3>이미지 6 · 가로 배치 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Mind Map</span>: 마인드맵</li><li><span lang="en">Delete</span>: 삭제</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Help</span>: 도움말</li></ul></section>
@@ -0,0 +1,3 @@
+<p><img src="3_Zen mode_image.png" alt="집중 모드 화면"></p><p>Windows 11에서 운영체제 제목 표시줄을 끄고 배경 효과를 켠 예시입니다. 집중 모드는 대부분의 메뉴를 숨겨 읽기와 쓰기에 집중할 수 있도록 합니다.</p><p><img src="2_Zen mode_image.png" alt="전체 메뉴의 집중 모드"></p><h2>켜고 끄기</h2><p>전체 메뉴에서 집중 모드를 선택하세요. 0.92.5부터는 <kbd>F9</kbd>로 전환할 수 있습니다. 이전 버전의 기본 단축키는 <kbd>Alt</kbd>+<kbd>Z</kbd>입니다. 단축키 설정에서는 <code>toggleZenMode</code> 항목을 찾으세요.</p><p>집중 모드에서는 전체 메뉴도 숨겨집니다. 오른쪽 위의 <img src="Zen mode_image.png" alt="집중 모드 종료 버튼">을 누르거나 단축키를 다시 누르면 해제됩니다. 현재 창에만 적용되며 앱을 다시 시작하면 해제됩니다.</p><h2>창 이동하기</h2><p>운영체제 제목 표시줄을 사용한다면 해당 부분을 끌어 창을 옮기세요. 제목 표시줄을 껐다면 노트 제목이 있는 창 위쪽을 끌어 이동할 수 있습니다.</p><p><img src="1_Zen mode_image.png" alt="집중 모드의 분할 보기"></p><p>Windows 11에서 배경 효과를 끄고 두 노트를 나란히 표시한 예시입니다.</p><h2>탭과 분할 보기</h2><p>탭은 숨겨지지만 단축키는 사용할 수 있습니다. <code>firstTab</code>의 기본 키는 <kbd>Ctrl</kbd>+<kbd>1</kbd>이며 <code>secondTab</code>은 <kbd>Ctrl</kbd>+<kbd>2</kbd>입니다. 다음 탭으로 이동하는 <code>activateNextTab</code>은 <kbd>Ctrl</kbd>+<kbd>Tab</kbd>을 사용하며 이전 탭으로 이동하는 <code>activatePreviousTab</code>은 <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>Tab</kbd>을 사용합니다. 실제 지정된 키는 설정에서 확인하세요.</p><p>이 문서의 버전에서는 분할 보기 단축키가 없습니다. 집중 모드를 끈 상태에서 분할 구성을 만든 뒤 다시 집중 모드를 켜면 사용할 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 집중 모드 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Actions</span>: 작업</li><li><span lang="en">File</span>: 파일</li></ul><h3>이미지 2 · 전체 메뉴의 집중 모드</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">About TriliumNext Notes</span>: TriliumNext Notes 정보</li><li><span lang="en">Options</span>: 옵션</li><li><span lang="en">Shared</span>: 공유됨</li></ul><h3>이미지 4 · 집중 모드의 분할 보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Logout</span>: 로그아웃</li><li><span lang="en">Note</span>: 참고</li><li><span lang="en">File</span>: 파일</li></ul></section>
@@ -0,0 +1,20 @@
+<p>데이터 폴더에는 다음 자료가 들어 있습니다.</p><ul><li><code>document.db</code> — <a href="#root/_help_wX4HbRucYSDD">데이터베이스</a></li><li><code>config.ini</code> — 접속 포트 등 인스턴스 설정</li><li><code>backup</code> — 자동 <a href="#root/_help_ODY7qQn5m2FT">백업</a></li><li><code>log</code> — 실행 로그</li></ul><h2>위치 확인</h2><p>왼쪽 위 메뉴의 Trilium 정보에서 현재 데이터 폴더를 확인할 수 있습니다.</p><p><img src="Data directory_image.png" alt="데이터 폴더 위치"></p><p>기본 폴더 이름은 <code>trilium-data</code>입니다. Linux에서는 <code>/home/[사용자]/.local/share</code> 아래에 둡니다. Windows에서는 <code>C:\Users\[사용자]\AppData\Roaming</code> 아래이며 macOS에서는 <code>/Users/[사용자]/Library/Application Support</code> 아래입니다. 해당 경로를 사용할 수 없으면 사용자 홈 폴더를 사용합니다. Docker도 컨테이너 사용자 홈 아래에 데이터 폴더를 둡니다.</p><p>노트와 설정은 이 폴더에 모여 있습니다. 실행 중 데이터베이스를 단순 복사하는 대신 일관성이 보장되는 백업 방법을 사용하세요.</p><h3>위치 바꾸기</h3><p><code>TRILIUM_DATA_DIR</code> 환경 변수로 지정할 수 있습니다. Linux 예시입니다.</p><pre><code class="language-text-x-trilium-auto">export TRILIUM_DATA_DIR=/home/myuser/data/my-trilium-data</code></pre><h4>macOS</h4><p>로그인할 때마다 적용하려면 <code>~/Library/LaunchAgents</code>에 plist 파일을 만듭니다. 직접 설정하려면 <code>launchctl setenv TRILIUM_DATA_DIR &lt;경로&gt;</code>를 사용합니다. 아래는 원문에 남아 있는 값 목록입니다. XML 태그가 빠져 있어 완전한 plist 파일로 사용할 수는 없습니다.</p><pre><code class="language-text-x-trilium-auto">
+
+
+
+    
+        Label
+        set.trilium.env
+        RunAtLoad
+        
+        ProgramArguments
+        
+            launchctl
+            setenv
+            TRILIUM_DATA_DIR
+            /Users/YourUserName/Library/Application Support/trilium-data
+        
+    
+</code></pre><h3>실행할 때만 지정하기</h3><p>Trilium 프로세스에만 환경 변수를 지정하면 서로 다른 <a href="#root/_help_wX4HbRucYSDD">데이터베이스</a>를 사용하거나 이동식 설치를 구성할 수 있습니다.</p><pre><code class="language-text-x-trilium-auto">TRILIUM_DATA_DIR=/home/myuser/data/my-trilium-data trilium</code></pre><p>필요하면 이 명령을 실행 스크립트로 저장하세요.</p><h3>개별 경로 지정</h3><p><code>TRILIUM_DOCUMENT_PATH</code>는 DB 파일 경로입니다. <code>TRILIUM_BACKUP_DIR</code>은 백업 폴더이며 <code>TRILIUM_LOG_DIR</code>은 로그 폴더입니다. <code>TRILIUM_ANONYMIZED_DB_DIR</code>은 익명화 DB 폴더이며 <code>TRILIUM_CONFIG_INI_PATH</code>는 설정 파일 경로입니다. 지정하지 않으면 데이터 폴더 안의 기본 위치를 사용합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 데이터 폴더 위치</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Build Date</span>: 빌드 날짜</li><li><span lang="en">Version</span>: 버전</li><li><span lang="en">Notes</span>: 노트</li></ul></section>
@@ -0,0 +1,3 @@
+<p>Trilium <a href="#root/_help_WOcw2SLH6tbX">서버 버전</a>은 스마트폰과 태블릿의 터치 조작에 맞춘 모바일 웹 화면을 제공합니다. 로그인할 때 브라우저를 감지해 자동으로 전환합니다.</p><p>모바일 화면은 데스크톱 화면보다 지원하는 기능이 적습니다. Android나 iOS에 설치하는 별도 앱이 아니라 <a href="#root/_help_WOcw2SLH6tbX">서버 버전</a>에서 제공하는 웹페이지입니다.</p><h2>화면 예시</h2><h3>스마트폰</h3><p><img src="Mobile Frontend_mobile-sma.png" alt="스마트폰 화면"></p><h3>태블릿</h3><p><img src="Mobile Frontend_mobile-tab.png" alt="태블릿 화면"></p><h2>제한 사항</h2><ul><li>전체 노트 트리를 탐색하고 모든 유형의 노트를 읽거나 편집할 수 있습니다. 새로 만들 수 있는 유형은 텍스트 노트뿐입니다.</li><li><a href="#root/_help_bwg0e8ewQMak">보호된 노트</a>를 읽거나 편집할 수 있지만 새로 보호된 노트를 만들 수는 없습니다.</li><li>설정 변경을 지원하지 않습니다.</li><li>노트 복제를 지원하지 않습니다.</li><li>첨부 파일 업로드를 지원하지 않습니다.</li></ul><h2>화면 종류 직접 선택하기</h2><p>자동으로 선택된 화면이 적합하지 않으면 로그인 페이지 주소에 <code>?mobile</code> 또는 <code>?desktop</code>을 붙이세요. 먼저 로그아웃해야 할 수도 있습니다.</p><h2>스크립트</h2><p>일반 화면처럼 <a href="#root/_help_CdNpE2pqjmI6">스크립트</a>로 동작을 바꿀 수 있습니다. 모바일 화면을 시작할 때 실행할 스크립트 노트에는 <code>#run=mobileStartup</code> 라벨을 지정하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 스마트폰 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">November</span>: 11월</li><li><span lang="en">December</span>: 12월</li><li><span lang="en">Minutes</span>: 분</li><li><span lang="en">Monday</span>: 월요일</li></ul><h3>이미지 2 · 태블릿 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">November</span>: 11월</li><li><span lang="en">December</span>: 12월</li><li><span lang="en">Delete</span>: 삭제</li><li><span lang="en">Monday</span>: 월요일</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Image</span>: 이미지</li><li><span lang="en">Help</span>: 도움말</li></ul></section>
@@ -0,0 +1,3 @@
+<p>데스크톱 앱은 데이터를 로컬에 저장해 인터넷 연결 없이 사용할 수 있습니다. 서버와 동기화를 설정하면 여러 데스크톱 앱이 하나의 중앙 서버와 연결됩니다.</p><p><img src="Synchronization_image.png" alt="중앙 서버와 여러 클라이언트의 동기화 구조"></p><p>설정 후에는 자동으로 계속 동기화합니다.</p><h2>동기화 설정</h2><p>서버에는 유효한 <a href="#root/_help_l2VkvOwUNfZj">TLS 인증서</a>를 사용해 HTTPS로 연결하세요.</p><h3>기존 데스크톱 데이터를 새 서버로 보내기</h3><p>서버를 설치하되 초기화하지 않은 상태로 둡니다. 기존 데스크톱 앱의 설정 → 동기화에서 서버 주소를 지정하고 저장하세요.</p><p><img src="Synchronization_sync-confi.png" alt="동기화 설정"></p><p>동기화 시험을 누르면 연결을 확인하고 서버로 데이터를 보냅니다. 전송 중에도 앱을 사용할 수 있습니다. 서버에 로그인 화면이 나타나면 초기 동기화가 끝난 것입니다.</p><h3>기존 서버에서 새 데스크톱으로 받기</h3><p><a href="#root/_help_poXkQfguuA0U">데스크톱 앱을 설치</a>하고 초기 설정에서 동기화 서버 사용을 선택하세요.</p><p><img src="Synchronization_sync-init.png" alt="서버에서 동기화하는 초기 설정"></p><p>서버 주소와 해당 버전에서 요구하는 인증 정보를 입력하고 설정 완료를 누릅니다.</p><p><img src="Synchronization_sync-in-pr.png" alt="초기 동기화 진행"></p><p>완료하면 앱 화면으로 이동합니다.</p><h2>프록시</h2><p>설정 → 동기화에서 프록시를 직접 지정할 수 있습니다. 인증이 필요한 프록시는 지원하지 않습니다. 따로 지정하지 않으면 시스템 프록시 설정을 사용합니다.</p><h2>문제 해결</h2><h3>시간</h3><p>서버와 클라이언트의 시각 차이는 5분 이내여야 합니다.</p><h3>인증서</h3><p>자체 서명 인증서나 회사 프록시 때문에 인증서 검증이 실패할 수 있습니다. 원문에는 다음 환경 변수로 검증을 끄는 방법도 소개되어 있습니다.</p><pre><code class="language-text-x-trilium-auto">export NODE_TLS_REJECT_UNAUTHORIZED=0</code></pre><p>이 설정은 중간자 공격을 방어하는 인증서 검증을 끕니다. 유효한 인증서를 사용하는 것이 권장됩니다. 일부 배포판에는 같은 용도의 <code>trilium-no-cert-check.sh</code>가 있습니다.</p><h3>충돌</h3><p>동기화되기 전에 여러 기기에서 같은 노트를 수정하면 더 최근 변경을 유지합니다. 이전 내용은 <a href="#root/_help_vZWERwf8U3nx">노트 수정 이력</a>에서 확인할 수 있습니다.</p><h3>해시 검사</h3><p>동기화 후 양쪽 데이터의 해시를 비교합니다. 다르면 자동 복구 절차를 시작합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 2 · 동기화 설정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Sync Configuration</span>: 동기화 구성</li><li><span lang="en">milliseconds</span>: 밀리초</li><li><span lang="en">Appearance</span>: 모양</li><li><span lang="en">Shortcuts</span>: 단축키</li><li><span lang="en">Sync Test</span>: 동기화 테스트</li><li><span lang="en">Test sync</span>: 동기화 테스트</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Other</span>: 기타</li><li><span lang="en">Help</span>: 도움말</li><li><span lang="en">Code</span>: 코드</li></ul><h3>이미지 3 · 서버에서 동기화하는 초기 설정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">Password</span>: 비밀번호</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Sync</span>: 동기화</li><li><span lang="en">Size</span>: 크기</li><li><span lang="en">May</span>: 5월</li></ul><h3>이미지 4 · 초기 동기화 진행</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Progress</span>: 진행 상황</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Time</span>: 시간</li><li><span lang="en">Sync</span>: 동기화</li></ul></section>
@@ -0,0 +1,3 @@
+<p><img src="Web Clipper_image.png" alt="웹 클리퍼 화면"></p><p>Trilium Web Clipper는 웹페이지의 글자와 이미지 및 화면 캡처와 짧은 메모를 Trilium에 바로 저장하는 브라우저 확장 프로그램입니다. <a href="https://github.com/TriliumNext/web-clipper">프로젝트 저장소</a>에서 소스를 확인할 수 있습니다.</p><p>Firefox와 Chrome을 지원합니다. Chrome용 배포판은 다른 Chromium 기반 브라우저에서도 사용할 수 있습니다.</p><h2>주요 기능</h2><ul><li>글자를 선택하고 오른쪽 클릭 메뉴로 저장합니다.</li><li>이미지나 링크를 오른쪽 클릭해 저장합니다.</li><li>팝업이나 오른쪽 클릭 메뉴에서 페이지 전체를 저장합니다.</li><li>화면을 캡처하고 필요한 부분을 잘라 저장합니다.</li><li>팝업에서 짧은 텍스트 노트를 만듭니다.</li></ul><p>저장한 자료는 클리퍼 수신함 노트의 하위 노트로 만들어집니다. 기본 위치는 <a href="#root/_help_l0tKav7yLHGF">오늘의 노트</a>입니다. 다른 노트에 <code>clipperInbox</code> <a href="#root/_help_zEY4DaJG4YT5">라벨</a>을 지정하면 저장 위치를 바꿀 수 있습니다.</p><p>같은 날 같은 페이지에서 여러 번 저장하면 하나의 노트에 모입니다.</p><h2>확장 프로그램 내려받기</h2><ul><li><a href="https://github.com/TriliumNext/web-clipper/releases">프로젝트 릴리스 페이지</a> — Firefox용 XPI와 Chromium용 ZIP 파일을 제공합니다.</li><li><a href="https://chromewebstore.google.com/detail/trilium-web-clipper/dfhgmnfclbebfobmblelddiejjcijbjm">Chrome 웹 스토어</a></li></ul><h2>연결 설정</h2><p>실행 중인 Trilium에 연결해야 합니다. 기본적으로 로컬 컴퓨터의 포트 범위를 확인해 데스크톱 앱을 찾습니다. 데스크톱 앱을 사용하지 않거나 종료한 상태에서도 저장하려면 <a href="#root/_help_WOcw2SLH6tbX">서버</a> 주소를 지정할 수 있습니다.</p><h2>사용자 이름</h2><p>0.50 이전 버전에서는 사용자 이름과 비밀번호가 필요했습니다. 이후 버전에서는 사용자 이름을 사용하지 않으므로 해당 입력란에 어떤 값을 넣어도 인증에 영향을 주지 않습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 웹 클리퍼 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Options</span>: 옵션</li><li><span lang="en">Note</span>: 참고</li><li><span lang="en">Save</span>: 저장</li><li><span lang="en">List</span>: 목록</li><li><span lang="en">Help</span>: 도움말</li></ul></section>
@@ -0,0 +1,7 @@
+<p>Trilium은 용도에 따라 여러 노트 유형을 지원합니다. 기본 유형은 <a
+  class="reference-link" href="#root/_help_iPIMuisry3hd">텍스트</a>입니다.</p><h2>다른 유형으로 새 노트 만들기</h2><p><a class="reference-link"
+  href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>에서 기준 노트를 마우스 오른쪽 버튼으로 누릅니다. 다음에 노트 삽입은 같은 단계에 새 노트를 만들고 하위 노트 삽입은 선택한 노트 아래에 만듭니다.</p><p><img src="Note Types_image.png" alt="노트 유형 선택"></p><p><a href="#root/_help_QEAPj01N5f7w">링크</a>를 <a class="reference-link"
+    href="#root/_help_iPIMuisry3hd">텍스트 노트</a>에 추가할 때 새 제목을 입력하고 Enter를 누르면 유형을 선택할 수 있습니다. 새 탭에서도 같은 방법을 사용합니다.</p><h2>기존 노트의 유형 변경</h2><p><a class="reference-link"
+  href="#root/_help_BlN9DFI679QC">상단 리본</a>의 기본 속성에서 변경합니다. 보통 내용이 없는 노트에서 변경하는 것이 좋습니다. 유형 변경으로 <a href="#root/_help_4FahAwuGTAwC">노트 소스</a>를 편집할 수도 있습니다.</p><h2>지원하는 유형</h2><ul><li><a class="reference-link" href="#root/_help_iPIMuisry3hd">텍스트</a> — 글자 서식과 이미지 및 안내 상자를 지원합니다. 오른쪽에서 왼쪽으로 쓰기도 가능합니다.</li><li><a class="reference-link" href="#root/_help_6f9hih2hXXZk">코드</a> — 고정폭 글꼴과 구문 강조를 사용합니다. 긴 코드나 일반 텍스트를 담기에 적합합니다.</li><li><a class="reference-link" href="#root/_help_m523cpzocqaD">저장된 검색</a> — 검색어와 조건을 저장해 다시 실행합니다. 많은 노트를 빠르게 추릴 수 있습니다.</li><li><a class="reference-link" href="#root/_help_iRwzGnHPzonm">관계도</a> — 노트와 노트 사이의 관계를 만듭니다. 가계도처럼 관계가 중요한 자료에 적합합니다.</li><li><a class="reference-link" href="#root/_help_bdUJEHsAPYQR">노트 지도</a> — 노트 사이의 관계와 상하위 구조를 보여 줍니다.</li><li><a class="reference-link" href="#root/_help_HcABDtFCkbFN">렌더링 노트</a> — <a class="reference-link" href="#root/_help_CdNpE2pqjmI6">스크립트</a>로 다른 노트의 HTML을 표시합니다. 스크립트로 생성한 동적 내용도 보여 줄 수 있습니다.</li><li><a class="reference-link" href="#root/_help_GTwFsgaA0lCt">책</a> — 하위 노트를 격자나 목록 또는 달력으로 보여 줍니다. 짧은 노트를 모아 읽기 좋습니다.</li><li><a class="reference-link" href="#root/_help_s1aBHPd79XYj">Mermaid 도표</a> — 막대그래프와 순서도 및 상태도 등을 만듭니다. 도표를 전용 문법으로 작성해야 합니다.</li><li><a class="reference-link" href="#root/_help_grjYqerjn243">캔버스</a> — 스케치와 도표 및 손글씨를 그립니다. <a href="https://excalidraw.com">Excalidraw</a>와 같은 기술을 사용합니다.</li><li><a class="reference-link" href="#root/_help_1vHRoWCEjj0L">웹 보기</a> — 브라우저처럼 외부 웹페이지를 표시합니다.</li><li><a class="reference-link" href="#root/_help_gBbsAeiuUxI5">마인드맵</a> — 생각을 계층 구조로 정리합니다.</li><li><a class="reference-link" href="#root/_help_81SGnPGMk7Xc">지리 지도</a> — 하위 노트를 지도에 표시합니다. 여행 계획에 활용할 수 있으며 경로 표시와 지도에서 노트 만들기도 지원합니다.</li><li><a class="reference-link" href="#root/_help_W8vYD3Q1zjCR">파일</a> — 업로드한 PDF와 이미지 및 동영상과 음성 파일 등을 담습니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 유형 선택</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Open in a new split</span>: 새 분할에서 열기</li><li><span lang="en">Unprotect subtree</span>: 하위 트리 보호 해제</li><li><span lang="en">Mermaid Diagram</span>: Mermaid 다이어그램</li><li><span lang="en">Unhoist note</span>: 노트 호이스팅 해제</li><li><span lang="en">Copy / clone</span>: 복사/복제</li><li><span lang="en">Saved Search</span>: 저장된 검색</li><li><span lang="en">Relation Map</span>: 관계 지도</li><li><span lang="en">Paste after</span>: 다음에 붙여넣기</li><li><span lang="en">Render Note</span>: 렌더 노트</li><li><span lang="en">Paste into</span>: 안에 붙여넣기</li><li><span lang="en">Advanced</span>: 고급</li><li><span lang="en">Note Map</span>: 노트 지도</li></ul></section>
@@ -0,0 +1,4 @@
+<p><strong>책 노트</strong>는 하위 노트의 내용을 차례로 보여 주는 특별한 <a href="#root/_help_BFs8mudNFgCS">노트</a> 유형입니다. 여러 짧은 노트를 하나의 책처럼 이어서 읽을 때 유용합니다.</p><p><img src="Book_image.png" alt="책 노트 예시"></p><p>위 예시에서 왼쪽의 Node.js 노트에는 여러 하위 노트가 있습니다. 오른쪽에서는 그 내용을 하나의 연속된 문서로 보여 줍니다.</p><h2>기능</h2><p>여러 하위 노트의 내용을 한 화면에서 이어 볼 수 있습니다. 긴 내용을 관리하기 쉬운 단위로 나누어 작성한 뒤 읽을 때 편리합니다.</p><p><a class="reference-link" href="#root/_help_0ESUbbAxVnoK">노트 목록</a> 기능을 사용하므로 격자와 목록 및 달력 보기 중에서 선택할 수 있습니다.</p><p>보기 방식은 <a
+  class="reference-link" href="#root/_help_BlN9DFI679QC">리본 메뉴</a>의 책 속성 탭에서 바꾸세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 책 노트 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Widget</span>: 위젯</li><li><span lang="en">File</span>: 파일</li><li><span lang="en">Code</span>: 코드</li></ul></section>
@@ -0,0 +1,3 @@
+<p>Trilium 0.52 버전부터 사용할 수 있습니다.</p><p>캔버스 노트는 Excalidraw를 사용합니다. 마우스와 펜 또는 터치로 무한한 캔버스 위에 필기할 수 있습니다. 간단한 도표와 글자 및 그림을 넣는 기능도 제공합니다.</p><p><img src="Canvas_image.png" alt="캔버스 노트 예시"></p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 캔버스 노트 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">This note is shared locally on</span>: 이 노트는 다음에서 로컬로 공유됩니다</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Canvas</span>: 캔버스</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">wiki</span>: 위키</li><li><span lang="en">Help</span>: 도움말</li></ul></section>
@@ -0,0 +1,5 @@
+<p>코드 노트에는 C++와 JavaScript 같은 프로그램 코드나 JSON과 XML 같은 구조화 자료 및 CSS 등을 저장할 수 있습니다. 구문 강조를 제공하며 JavaScript는 <a class="reference-link"
+        href="#root/_help_CdNpE2pqjmI6">스크립트</a>로 실행할 수도 있습니다. 구조화 자료는 스크립트의 데이터 저장에도 활용할 수 있습니다.</p><p>짧은 코드를 <a href="#root/_help_iPIMuisry3hd">텍스트 노트</a> 안에 넣으려면 <a href="#root/_help_QxEyIjRBizuC">코드 블록</a>을 사용하세요.</p><p><img src="Code_image.png" alt="코드 노트 화면"></p><h2>언어 선택</h2><p><a href="#root/_help_BlN9DFI679QC">상단 리본</a>의 노트 유형을 열고 코드 영역에서 언어를 선택하세요.</p><p><img src="1_Code_image.png" alt="코드 언어 선택"></p><h2>언어 목록 설정</h2><p><a href="#root/_help_4TIF1oA4VQRO">설정</a> → 코드 노트의 선택 목록에 표시할 MIME 유형에서 필요한 언어를 선택할 수 있습니다. 변경한 뒤 <a href="#root/_help_s8alTXmpFR61">애플리케이션을 새로고침</a>해야 목록에 반영됩니다. 이 목록은 <a href="#root/_help_QxEyIjRBizuC">코드 블록</a>과 <a href="#root/_help_iPIMuisry3hd">텍스트 노트</a>에서도 함께 사용합니다.</p><h2>색상 테마</h2><p>0.94.0부터 <a
+  class="reference-link" href="#root/_help_4TIF1oA4VQRO">설정</a> → 코드 노트 → 모양에서 색상 테마를 선택할 수 있습니다. 텍스트 노트의 코드 블록과는 다른 기술을 사용하므로 제공하는 테마 수가 다릅니다.</p><p>이 버전에서는 사용자가 코드 노트 테마를 직접 추가할 수 없습니다. 테마가 CSS가 아니라 JavaScript로 정의되기 때문입니다. 추가를 제안하려면 CodeMirror 5가 아닌 CodeMirror 6용 테마인지 확인하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 코드 노트 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Owned Attributes</span>: 소유한 속성</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Relations</span>: 관계</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Type</span>: 유형</li><li><span lang="en">Date</span>: 날짜</li><li><span lang="en">Code</span>: 코드</li><li><span lang="en">Days</span>: 일</li></ul><h3>이미지 2 · 코드 언어 선택</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Mermaid Diagram</span>: Mermaid 다이어그램</li><li><span lang="en">Render Note</span>: 렌더 노트</li><li><span lang="en">Note type</span>: 노트 유형</li><li><span lang="en">Web View</span>: 웹 보기</li><li><span lang="en">Mind Map</span>: 마인드맵</li><li><span lang="en">Geo Map</span>: 지리 지도</li><li><span lang="en">Plain</span>: 일반</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Code</span>: 코드</li><li><span lang="en">Beta</span>: 베타</li></ul></section>
@@ -0,0 +1,16 @@
+<p>파일 노트에는 이미지와 동영상 및 PDF 같은 외부 파일을 첨부할 수 있습니다.</p><h2>파일 올리기</h2><p>파일 노트는 유형을 선택해 직접 만들지 않습니다. 파일을 <a class="reference-link" href="#root/_help_oPVyFC7WL2Lp">노트 트리</a>로 끌어 놓거나 노트를 마우스 오른쪽 버튼으로 눌러 노트로 가져오기를 선택하세요.</p><h2>지원하는 파일</h2><h3>PDF</h3><p><img style="aspect-ratio:933/666;" src="File_image.png" width="933" height="666" alt="PDF 보기"></p><p>Trilium 안에서 바로 읽을 수 있습니다. 왼쪽 위 메뉴에서 페이지 미리보기와 문서에 포함된 목차를 엽니다. 위쪽에서 페이지 번호와 확대 비율을 바꾸거나 문서를 회전합니다. 추가 메뉴에서는 두 페이지 보기와 주석 표시 및 문서 속성을 사용할 수 있습니다.</p><h3>이미지</h3><p><img style="aspect-ratio:879/766;" src="4_File_image.png" width="879"
+  height="766" alt="이미지 보기"></p><p>참조를 클립보드에 복사하면 <a
+    class="reference-link" href="#root/_help_iPIMuisry3hd">텍스트 노트</a>에 이미지를 넣을 수 있습니다. <a class="reference-link" href="#root/_help_0Ofbk1aSuVRu">이미지 참조</a>를 참고하세요.</p><h3>동영상</h3><p><img style="aspect-ratio:854/700;" src="1_File_image.png" width="854"
+  height="700" alt="동영상 재생"></p><p>파일을 스트리밍하므로 서버에서 전체 파일을 내려받기 전에도 재생할 수 있습니다. 다만 매우 큰 파일을 보관하는 용도로 설계된 기능은 아닙니다. 동영상이 크면 <a
+    class="reference-link" href="#root/_help_wX4HbRucYSDD">데이터베이스</a>와 <a class="reference-link"
+      href="#root/_help_ODY7qQn5m2FT">백업</a>도 커지고 처음 올릴 때 지연될 수 있습니다. 데이터베이스가 크다는 이유만으로 일반적인 사용 속도가 크게 느려지는 것은 아닙니다.</p><h3>음성</h3><p><img style="aspect-ratio:850/243;" src="3_File_image.png" width="850"
+  height="243" alt="음성 재생"></p><p>지원하는 음성 파일은 기본 재생기로 열립니다. 재생과 일시 정지 버튼을 사용하고 진행 막대를 누르거나 끌어 재생 위치를 바꿉니다. 음량을 조절할 수 있으며 음량 옆 메뉴에서 재생 속도도 바꿀 수 있습니다.</p><h3>텍스트 파일</h3><p><img style="aspect-ratio:926/347;" src="2_File_image.png" width="926"
+  height="347" alt="텍스트 파일 미리보기"></p><p>텍스트로 인식한 파일은 내용 일부를 보여 줍니다. 외부 라이브러리나 자동 생성 자료처럼 본문 편집보다 파일 보관과 다운로드가 필요한 경우에 유용합니다.</p><p>보통 텍스트 파일을 <a href="#root/_help_mHbBMPDPkVV5">가져오면</a> <a class="reference-link" href="#root/_help_iPIMuisry3hd">텍스트</a> 또는 <a
+  class="reference-link" href="#root/_help_6f9hih2hXXZk">코드</a> 노트가 됩니다. 파일 노트로 보관하려면 노트로 가져오기에서 HTML·Markdown·TXT를 텍스트 노트로 가져오는 옵션과 인식한 코드 파일을 코드 노트로 가져오는 옵션을 모두 해제하세요. 미리보기 길이는 제한되므로 전체 내용은 외부 앱에서 확인합니다.</p><h3>알 수 없는 형식</h3><p><img style="aspect-ratio:532/240;" src="5_File_image.png" width="532"
+  height="240" alt="미리보기를 지원하지 않는 파일"></p><p>형식을 인식하지 못하면 본문 미리보기가 나오지 않습니다. 내려받기와 외부 앱으로 열기 등 기본 기능은 사용할 수 있습니다.</p><h2>파일 관리</h2><p><a class="reference-link"
+    href="#root/_help_BlN9DFI679QC">상단 리본</a>의 이미지 또는 파일 탭에서 내려받기와 기본 앱으로 열기 및 새 버전 올리기를 사용할 수 있습니다. 파일 노트의 유형은 바꿀 수 없습니다. <a href="#root/_help_0vhv7lsOLy82">첨부 파일</a>로 바꾸려면 <a
+    href="#root/_help_8YBEPzcpUgxw">노트 메뉴</a>를 사용합니다.</p><h2>다른 노트에 표시</h2><p><a class="reference-link" href="#root/_help_0ESUbbAxVnoK">노트 목록</a>에서도 파일 유형에 맞춰 표시됩니다.</p><p><img class="image_resized" style="aspect-ratio:853/315;width:50%;"
+    src="6_File_image.png" width="853" height="315" alt="노트 목록에 표시된 파일"></p><p>이미지를 제외한 파일은 <a class="reference-link" href="#root/_help_nBAXQFj20hS1">노트 포함</a>으로 텍스트 노트에 읽기 전용 위젯으로 넣습니다. 이미지는 <a
+      class="reference-link" href="#root/_help_0Ofbk1aSuVRu">이미지 참조</a>로 일반 이미지처럼 넣습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · PDF 보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Upload new revision</span>: 새 버전 올리기</li><li><span lang="en">Original file name</span>: 원본 파일 이름</li><li><span lang="en">File type</span>: 파일 유형</li><li><span lang="en">File size</span>: 파일 크기</li><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">Note ID</span>: 노트 ID</li><li><span lang="en">title</span>: 제목</li><li><span lang="en">Light</span>: 라이트</li><li><span lang="en">Never</span>: 없음</li><li><span lang="en">Time</span>: 시간</li><li><span lang="en">Open</span>: 열기</li><li><span lang="en">May</span>: 5월</li></ul><h3>이미지 2 · 이미지 보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Copy reference to clipboard</span>: 참조를 클립보드에 복사</li><li><span lang="en">Original file name</span>: 원본 파일 이름</li><li><span lang="en">File type</span>: 파일 유형</li><li><span lang="en">File size</span>: 파일 크기</li><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">Image</span>: 이미지</li><li><span lang="en">Open</span>: 열기</li></ul><h3>이미지 3 · 동영상 재생</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Upload new revision</span>: 새 버전 올리기</li><li><span lang="en">Original file name</span>: 원본 파일 이름</li><li><span lang="en">File type</span>: 파일 유형</li><li><span lang="en">File size</span>: 파일 크기</li><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">Note ID</span>: 노트 ID</li><li><span lang="en">Open</span>: 열기</li></ul><h3>이미지 4 · 음성 재생</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Upload new revision</span>: 새 버전 올리기</li><li><span lang="en">Original file name</span>: 원본 파일 이름</li><li><span lang="en">File type</span>: 파일 유형</li><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">Note ID</span>: 노트 ID</li><li><span lang="en">Open</span>: 열기</li></ul><h3>이미지 5 · 텍스트 파일 미리보기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Upload new revision</span>: 새 버전 올리기</li><li><span lang="en">Original file name</span>: 원본 파일 이름</li><li><span lang="en">File type</span>: 파일 유형</li><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">Note ID</span>: 노트 ID</li><li><span lang="en">Never</span>: 없음</li><li><span lang="en">Plain</span>: 일반</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Open</span>: 열기</li><li><span lang="en">Size</span>: 크기</li><li><span lang="en">Auto</span>: 자동</li></ul><h3>이미지 6 · 미리보기를 지원하지 않는 파일</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Upload new revision</span>: 새 버전 올리기</li><li><span lang="en">Original file name</span>: 원본 파일 이름</li><li><span lang="en">File type</span>: 파일 유형</li><li><span lang="en">File size</span>: 파일 크기</li><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">Note</span>: 참고</li><li><span lang="en">Open</span>: 열기</li></ul><h3>이미지 7 · 노트 목록에 표시된 파일</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">Open</span>: 열기</li></ul></section>
@@ -0,0 +1,20 @@
+<p><img style="aspect-ratio:892/675;" src="10_Geo Map_image.png" width="892"
+  height="675" alt="지리 지도 예제"></p><p>하위 노트의 위치 속성을 바탕으로 지도에 표시합니다. 지도에서 위치를 선택해 새 노트를 만들 수도 있습니다.</p><h2>지도 만들기</h2><p>노트 트리에서 마우스 오른쪽 메뉴의 하위 노트 삽입 → 지리 지도를 선택합니다.</p><p><img style="aspect-ratio:1256/1044;" src="7_Geo Map_image.png" width="1256"
+            height="1044" alt="지리 지도 만들기"></p><p>처음에는 전 세계가 보이는 빈 지도가 열립니다.</p><p><img style="aspect-ratio:1720/1396;" src="9_Geo Map_image.png" width="1720"
+            height="1396" alt="새 지도"></p><h2>이동과 확대</h2><p>지도를 끌어 이동합니다. 마우스 휠이나 터치패드 두 손가락 동작 또는 왼쪽 위의 더하기·빼기 버튼으로 확대 비율을 바꿉니다. 위치와 확대 비율은 노트에 저장되어 다음에 열 때 복원됩니다.</p><h2>지도에서 표시점 추가</h2><p>원하는 위치로 이동한 뒤 오른쪽 위 <a href="#root/_help_XpOYSgsLkTJy">떠 있는 버튼</a> 영역의 <img src="11_Geo Map_image.png" alt="표시점 추가 버튼"> 버튼을 누릅니다. 보이지 않으면 <img src="17_Geo Map_image.png" alt="버튼 영역 펼치기"> 버튼으로 펼칩니다.</p><p><img class="image_resized" style="aspect-ratio:1730/416;width:100%;" src="2_Geo Map_image.png"
+          width="1730" height="416" alt="표시점 삽입 모드"></p><p>지도에서 위치를 누릅니다. 취소하려면 Esc를 누르세요.</p><p><img class="image_resized" style="aspect-ratio:1586/404;width:100%;" src="8_Geo Map_image.png"
+          width="1586" height="404" alt="표시점 이름 입력"></p><p>이름을 입력하고 확인하면 표시점과 하위 노트가 만들어집니다.</p><p><img class="image_resized" style="aspect-ratio:1696/608;width:100%;" src="16_Geo Map_image.png"
+          width="1696" height="608" alt="표시점과 하위 노트 생성"></p><h2>위치 저장 방식</h2><p>하위 노트의 <code>#geolocation</code> 속성에 위도와 경도를 쉼표로 구분해 저장합니다. 직접 입력할 수도 있습니다.</p><p><img src="18_Geo Map_image.png" width="1288" height="278" alt="위치 속성"></p><h2>표시점 이동</h2><p>표시점을 끌어서 옮기면 마우스를 놓는 즉시 저장됩니다. 이 버전에서는 이동을 실행 취소할 수 없습니다. 아직 마우스를 놓지 않았다면 Ctrl+R로 새로고침해 취소할 수 있습니다.</p><h2>표시점 사용</h2><p>마우스를 올리면 노트 내용이 보이고 제목을 누르면 현재 화면에서 엽니다. 마우스 가운데 버튼은 새 탭에서 엽니다. 오른쪽 메뉴에서는 새 탭·분할 화면·창으로 열거나 지원되는 외부 지도 앱으로 위치를 열 수 있습니다. 지도에서 제거는 <code>#geolocation</code> 속성을 지웁니다. 다시 표시하려면 좌표를 입력해야 합니다.</p><h2>아이콘과 색상</h2><p><img style="aspect-ratio:523/295;" src="Geo Map_image.jpg"
+  width="523" height="295" alt="표시점의 아이콘과 색상"></p><p>노트와 같은 아이콘을 사용합니다. <code>#color=green</code>처럼 색상 속성을 지정할 수도 있습니다.</p><h2>좌표 직접 추가</h2><p>지도 아래에 노트를 만들고 <code>#geolocation</code>에 쉼표로 구분한 위도와 경도를 넣습니다.</p><h3>Google 지도</h3><p>원하는 위치를 마우스 오른쪽 버튼으로 누르고 첫 항목의 좌표를 복사합니다.</p><p><img style="aspect-ratio:732/918;" src="13_Geo Map_image.png" width="732"
+            height="918" alt="Google 지도에서 좌표 복사"></p><p>Trilium 지도 아래에 노트를 만듭니다.</p><p><img style="aspect-ratio:518/84;" src="4_Geo Map_image.png" width="518"
+            height="84" alt="하위 노트 만들기"></p><p>소유한 속성에 <code>#geolocation="</code>을 입력한 뒤 좌표를 붙이고 닫는 따옴표를 입력합니다. Enter로 확정합니다.</p><p><img style="aspect-ratio:1074/276;" src="12_Geo Map_image.png" width="1074"
+            height="276" alt="복사한 좌표를 속성에 입력"></p><h3>OpenStreetMap</h3><p>원하는 위치의 오른쪽 메뉴에서 주소 표시를 선택합니다.</p><p><img class="image_resized" style="aspect-ratio:562/454;width:100%;" src="1_Geo Map_image.png"
+          width="562" height="454" alt="OpenStreetMap 주소 표시"></p><p>왼쪽 위에 표시되는 좌표를 선택해 복사합니다.</p><p><img class="image_resized" style="aspect-ratio:696/480;width:100%;" src="Geo Map_image.png"
+          width="696" height="480" alt="좌표 복사"></p><p>지도 하위 노트의 <code>#geolocation</code> 값에 넣으면 표시됩니다.</p><p><img class="image_resized" style="aspect-ratio:640/276;width:100%;" src="5_Geo Map_image.png"
+          width="640" height="276" alt="위치 속성에 붙여넣기"></p><h2>GPS 경로 파일</h2><p>기본적인 GPX 경로 표시를 지원합니다. 노트 트리의 지도 노트 안으로 <code>.gpx</code> 파일을 끌어 놓습니다.</p><p><img style="aspect-ratio:226/74;" src="3_Geo Map_image.png" width="226"
+            height="74" alt="GPX 파일 가져오기"></p><p>파일 유형이 <code>application/gpx+xml</code>인지 확인합니다.</p><p><img style="aspect-ratio:322/222;" src="15_Geo Map_image.png" width="322"
+            height="222" alt="GPX 파일 유형"></p><p>지도에 경로와 시작·끝 표시점이 나타납니다.</p><p><img style="aspect-ratio:620/530;" src="6_Geo Map_image.png" width="620"
+            height="530" alt="지도에 표시된 경로"></p><p>시작 표시점은 노트 제목과 아이콘 및 색상을 사용합니다. 끝 표시점은 다른 아이콘으로 구분합니다. GPX에 경유지가 있으면 함께 표시하며 이름이 있는 경유지는 마우스를 올렸을 때 이름이 나옵니다.</p><h2>문제 해결</h2><p><img style="aspect-ratio:678/499;" src="14_Geo Map_image.png" width="678"
+    height="499" alt="지도에 격자 선이 나타나는 현상"></p><p>앱 확대 비율이 100%가 아니면 소수점 배율 때문에 지도 조각 사이에 선이 보일 수 있습니다. Ctrl+0으로 화면 확대를 100%로 되돌리세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 지리 지도 예제</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Geo Map</span>: 지리 지도</li></ul><h3>이미지 2 · 지리 지도 만들기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Open in a new split</span>: 새 분할에서 열기</li><li><span lang="en">Unprotect subtree</span>: 하위 트리 보호 해제</li><li><span lang="en">Mermaid Diagram</span>: Mermaid 다이어그램</li><li><span lang="en">Copy / clone</span>: 복사/복제</li><li><span lang="en">Saved Search</span>: 저장된 검색</li><li><span lang="en">Paste after</span>: 다음에 붙여넣기</li><li><span lang="en">Render Note</span>: 렌더 노트</li><li><span lang="en">Paste into</span>: 안에 붙여넣기</li><li><span lang="en">Advanced</span>: 고급</li><li><span lang="en">Note Map</span>: 노트 지도</li><li><span lang="en">Web View</span>: 웹 보기</li><li><span lang="en">Mind Map</span>: 마인드맵</li></ul><h3>이미지 3 · 새 지도</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">new note</span>: 새 노트</li></ul><h3>이미지 6 · 표시점 삽입 모드</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">new note</span>: 새 노트</li></ul><h3>이미지 7 · 표시점 이름 입력</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Enter title of new note</span>: 새 노트의 제목을 입력하세요</li><li><span lang="en">Prompt</span>: 프롬프트</li></ul><h3>이미지 9 · 위치 속성</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Owned Attributes</span>: 소유한 속성</li></ul><h3>이미지 10 · 표시점의 아이콘과 색상</h3><p>지도 위 표시점은 연결된 노트의 아이콘과 색상을 따릅니다. 표시점을 누르면 해당 노트를 열 수 있습니다.</p><h3>이미지 11 · Google 지도에서 좌표 복사</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Search</span>: 검색</li></ul><h3>이미지 12 · 하위 노트 만들기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">new note</span>: 새 노트</li></ul><h3>이미지 13 · 복사한 좌표를 속성에 입력</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Owned Attributes</span>: 소유한 속성</li><li><span lang="en">new note</span>: 새 노트</li></ul><h3>이미지 14 · OpenStreetMap 주소 표시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Query</span>: 쿼리</li><li><span lang="en">Note</span>: 참고</li></ul><h3>이미지 15 · 좌표 복사</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Search</span>: 검색</li></ul><h3>이미지 16 · 위치 속성에 붙여넣기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Owned Attributes</span>: 소유한 속성</li><li><span lang="en">new note</span>: 새 노트</li></ul><h3>이미지 17 · GPX 파일 가져오기</h3><p>GPX는 이동 경로를 저장하는 파일 형식입니다. 경로 파일을 지도 노트로 가져오는 과정을 보여 줍니다.</p><h3>이미지 18 · GPX 파일 유형</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">File type</span>: 파일 유형</li><li><span lang="en">Download</span>: 다운로드</li><li><span lang="en">Note ID</span>: 노트 ID</li></ul><h3>이미지 19 · 지도에 표시된 경로</h3><p>가져온 경로가 지도 위의 선으로 표시됩니다. 지도 지명과 경로 이름은 예제 데이터입니다.</p></section>
@@ -0,0 +1,5 @@
+<p><img style="aspect-ratio:886/663;" src="2_Mermaid Diagrams_image.png"
+  width="886" height="663" alt="Mermaid 도표 화면"></p><p>Mermaid는 글자로 작성한 설명을 도표로 바꿉니다. 순서도와 시퀀스 및 클래스와 상태 도표 및 원형 차트 등을 만들 수 있습니다. 문법은 <a href="https://mermaid.js.org/intro/">Mermaid 공식 안내</a>를 참고하세요.</p><h2>화면 배치</h2><p>가로 배치는 왼쪽에 코드와 오른쪽에 미리보기를 둡니다. 세로 배치는 아래에 코드와 위에 미리보기를 둡니다. <a class="reference-link" href="#root/_help_XpOYSgsLkTJy">떠 있는 버튼</a>의 <img src="Mermaid Diagrams_image.png" alt="편집 영역 위치 전환 버튼">으로 바꿀 수 있습니다.</p><h2>편집과 미리보기</h2><p>코드를 바꾸면 도표가 자동으로 갱신됩니다. 미리보기 오른쪽 아래의 <img src="1_Mermaid Diagrams_image.png" alt="확대와 축소 및 가운데 맞춤 버튼">을 이용하거나 마우스 휠로 확대 비율을 바꾸세요. 왼쪽 버튼을 누른 채 끌면 이동합니다. 코드를 수정해도 확대 비율과 위치는 유지됩니다. 코드와 미리보기 사이 경계를 끌면 영역 크기를 바꿀 수 있습니다.</p><p><a class="reference-link" href="#root/_help_XpOYSgsLkTJy">떠 있는 버튼</a>에서 다음 기능을 사용할 수 있습니다.</p><ul><li>편집 영역을 왼쪽 또는 아래로 옮기기</li><li>편집 잠금 — 코드를 숨기고 도표를 크게 표시합니다. 잠금을 해제하면 다시 편집할 수 있습니다.</li><li><a class="reference-link"
+        href="#root/_help_0Ofbk1aSuVRu">이미지 참조</a> 복사 — 텍스트 노트에 도표 미리보기를 넣습니다.</li><li>SVG로 내보내기 — 확대해도 선명한 벡터 이미지로 저장합니다.</li><li>PNG로 내보내기 — 기본 배율의 일반 이미지로 저장합니다.</li></ul><h2>문법 오류</h2><p>코드에 오류가 있으면 안내 영역에 표시됩니다. 오류가 해결되기 전까지 미리보기에는 마지막으로 정상 표시된 도표가 남습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · Mermaid 도표 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">new note</span>: 새 노트</li></ul></section>
@@ -0,0 +1,4 @@
+<p><img style="aspect-ratio:892/675;" src="Mind Map_image.png" width="892"
+  height="675" alt="마인드맵 예시"></p><p>마인드맵은 떠오르는 생각을 빠르게 적고 계층 구조로 정리하는 노트입니다.</p><h2>용어</h2><ul><li><strong>항목</strong>은 하나의 생각을 나타냅니다. 최상위 항목은 배경색이 있는 둥근 사각형으로 표시됩니다. 하위 항목은 테두리만 있는 사각형으로 표시되며 더 아래 단계에서는 선으로 표시됩니다.</li><li><strong>최상위 항목</strong>은 모든 항목의 출발점입니다. 마인드맵마다 하나만 있습니다.</li></ul><h2>사용 방법</h2><ul><li>같은 단계의 항목을 만들려면 <kbd>Enter</kbd>를 누르고 내용을 입력한 뒤 다시 <kbd>Enter</kbd>를 누르세요.</li><li>하위 항목은 <kbd>Tab</kbd>을 누른 뒤 내용을 입력하고 <kbd>Enter</kbd>로 확정합니다.</li><li>상위 항목은 <kbd>Ctrl</kbd>+<kbd>Enter</kbd>로 만듭니다.</li><li>항목을 삭제하려면 <kbd>Delete</kbd>를 누릅니다.</li><li><kbd>Page Up</kbd>과 <kbd>Page Down</kbd>으로 항목을 위아래로 이동합니다.</li><li>항목을 선택하면 오른쪽에 나타나는 패널에서 글자 크기와 글자색 및 배경색을 바꾸거나 링크를 추가할 수 있습니다.</li><li>마인드맵 위에서 마우스를 끌어 여러 항목을 선택할 수 있습니다.</li><li>항목을 마우스 오른쪽 버튼으로 클릭하면 항목 추가와 집중 모드 및 항목 사이 연결 등의 메뉴가 나타납니다.</li><li>왼쪽 위 버튼으로 하위 항목을 최상위 항목의 왼쪽이나 오른쪽 또는 양쪽에 배치할 수 있습니다.</li><li><a class="reference-link" href="#root/_help_XpOYSgsLkTJy">떠 있는 버튼</a> 영역에서는 <a href="#root/_help_0Ofbk1aSuVRu">이미지 참조</a>를 복사해 텍스트 노트에 넣거나 SVG와 PNG 파일로 내보낼 수 있습니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 마인드맵 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Mind Map</span>: 마인드맵</li><li><span lang="en">Export</span>: 내보내기</li><li><span lang="en">Menu</span>: 메뉴</li><li><span lang="en">Size</span>: 크기</li></ul></section>
@@ -0,0 +1,4 @@
+<figure class="image image-style-align-center"><img style="aspect-ratio:856/763;" src="Note Map_image.png" width="856"
+  height="763" alt="노트 지도 예시"></figure><p>노트 지도 유형은 <a href="#root/_help_BCkXAVs63Ttv">노트 지도 기능</a>을 독립된 노트로 제공합니다.</p><p>노트 지도를 만들면 노트 사이의 관계가 표시됩니다. 지도 노트의 상위 노트에 속한 노트와 그 하위 노트만 표시됩니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 노트 지도 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">new note</span>: 새 노트</li></ul></section>
@@ -0,0 +1,5 @@
+<p>관계 지도는 <a href="#root/_help_BFs8mudNFgCS">노트</a>와 노트 사이의 <a href="#root/_help_zEY4DaJG4YT5">관계</a>를 시각적으로 표시하는 유형입니다.</p><h2>개발 과정 예제</h2><p><img src="1_Relation Map_relation-map-.png" alt="개발 과정 관계 지도"></p><p><img src="1_Relation Map_relation-map-.gif" alt="개발 과정 관계 지도 만들기"></p><p>개발 과정이라는 노트를 만들고 관계 지도 유형으로 바꿉니다. 요구 사항과 개발 및 시험과 시연 노트를 차례로 만들고 지도에서 위치를 선택하세요. 노트 사이에 <a
+  href="#root/_help_zEY4DaJG4YT5">관계</a>를 끌어서 연결한 뒤 이름을 지정합니다. 지도 항목은 실제 하위 노트이므로 열어 본문을 작성할 수도 있습니다. 연결선은 <a href="#root/_help_zEY4DaJG4YT5">관계 속성</a>입니다.</p><h2>가족 관계 예제</h2><p>아래는 과거 영국 왕실 인물을 이용한 예제입니다. 인물의 호칭은 원문 작성 당시를 따릅니다.</p><p><img src="Relation Map_relation-map-.png" alt="가족 관계 지도"></p><p><img src="Relation Map_relation-map-.gif" alt="가족 관계 지도 만드는 과정"></p><p>빈 지도에 필립 공과 엘리자베스 2세 노트를 끌어 놓습니다. 두 노트에 지정된 <code>isPartnerOf</code> <a
+    href="#root/_help_zEY4DaJG4YT5">관계</a>가 자동으로 표시됩니다. 양쪽 방향에 관계가 하나씩 있습니다.</p><p>찰스 왕자 노트를 만들고 두 사람을 향한 <code>isChildOf</code> 관계를 추가합니다. <a href="#root/_help_OFXdgB2nNk1F">관계 정의</a>에서 <a href="#root/_help_OFXdgB2nNk1F">역방향 관계</a>를 설정했으므로 부모에서 자녀를 향하는 연결도 자동으로 생깁니다. 다이애나 비 노트를 만들고 배우자 관계를 연결하면 반대 방향도 함께 만들어집니다. 마지막으로 지도를 이동하고 확대 비율을 조정하세요.</p><p>관계 정의는 가족 관계도의 하위 노트에 적용된 인물 템플릿에서 가져옵니다. <a href="#root/_help_wX4HbRucYSDD">기본 예제</a>에서 직접 확인할 수 있습니다.</p><h2>표시할 관계 선택</h2><p><code>displayRelations</code> 라벨에 관계 이름을 쉼표로 구분해 지정하면 해당 관계만 표시합니다. 반대로 <code>hideRelations</code>에 이름을 지정하면 해당 관계를 제외합니다. 이 쉼표는 설정 문법의 구분자입니다.</p><h2>관련 문서</h2><p><a href="#root/_help_BCkXAVs63Ttv">노트 지도</a>도 비슷한 방식으로 노트 사이의 연결을 보여 줍니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 개발 과정 관계 지도</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Create child note</span>: 하위 노트 만들기</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Today</span>: 오늘</li></ul><h3>이미지 2 · 개발 과정 관계 지도 만들기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Other</span>: 기타</li><li><span lang="en">Help</span>: 도움말</li></ul><h3>이미지 3 · 가족 관계 지도</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Mermaid Diagram</span>: Mermaid 다이어그램</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Today</span>: 오늘</li><li><span lang="en">Note</span>: 참고</li></ul><h3>이미지 4 · 가족 관계 지도 만드는 과정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Promoted Attributes</span>: 승격된 속성</li><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Widget</span>: 위젯</li><li><span lang="en">Other</span>: 기타</li><li><span lang="en">April</span>: 4월</li></ul></section>
@@ -0,0 +1,8 @@
+<p><img style="aspect-ratio:601/216;" src="Render Note_image.png" width="601"
+  height="216" alt="HTML 표시 노트"></p><p>HTML 표시 노트는 <a class="reference-link" href="#root/_help_CdNpE2pqjmI6">스크립트</a>에서 활용하는 유형입니다. 관계 속성으로 연결된 <a class="reference-link" href="#root/_help_6f9hih2hXXZk">코드 노트</a>의 HTML을 화면에 표시합니다.</p><h2>HTML 표시 노트 만들기</h2><ul><li>HTML 언어의 <a class="reference-link" href="#root/_help_6f9hih2hXXZk">코드 노트</a>를 만들고 표시할 내용을 작성합니다. 예: <code>&lt;p&gt;안녕하세요.&lt;/p&gt;</code></li><li><a class="reference-link" href="#root/_help_HcABDtFCkbFN">HTML 표시 노트</a>를 만듭니다.</li><li><code>renderNote</code> <a href="#root/_help_zEY4DaJG4YT5">관계</a>가 앞서 만든 HTML 코드 노트를 가리키도록 지정합니다.</li></ul><h2>동적 내용 표시하기</h2><p><a class="reference-link"
+  href="#root/_help_CdNpE2pqjmI6">스크립트</a>로 HTML의 일부를 바꾸면 동적 화면을 만들 수 있습니다. 현재 날짜와 시각을 표시하는 예제를 만들어 보겠습니다.</p><p>먼저 다음 내용의 HTML 코드 노트를 만드세요.</p><pre><code class="language-text-x-trilium-auto">&lt;h1&gt;현재 날짜와 시각&lt;/h1&gt;
+현재 날짜와 시각: &lt;span class="date"&gt;&lt;/span&gt;</code></pre><p>그 바로 아래에 프런트엔드 JavaScript <a class="reference-link"
+  href="#root/_help_6f9hih2hXXZk">코드 노트</a>를 만들고 다음 코드를 작성합니다.</p><pre><code class="language-text-x-trilium-auto">const $dateEl = api.$container.find(".date");
+$dateEl.text(new Date().toLocaleString("ko-KR"));</code></pre><p>원하는 위치에 HTML 표시 노트를 만들고 <code>~renderNote</code> 관계로 HTML 노트를 연결하세요. 열면 현재 날짜와 시각이 한국어 형식으로 표시됩니다. 예: <strong>현재 날짜와 시각</strong> — 현재 날짜와 시각: 2025. 4. 6. 오후 3:26:29</p><h2>관련 예제</h2><p><a class="reference-link" href="#root/_help_R7abl2fc6Mxi">체중 기록</a>은 기본 <a class="reference-link" href="#root/_help_6tZeKvSHEUiB">사용 예제</a>에 포함되어 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · HTML 표시 노트</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Owned Attributes</span>: 소유한 속성</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Render Note</span>: 렌더 노트</li></ul></section>
@@ -0,0 +1,4 @@
+<p>자주 사용하는 검색을 노트 트리에 저장할 수 있습니다. 검색 결과는 저장된 검색 노트 아래에 하위 노트처럼 표시됩니다.</p><p><img style="aspect-ratio:812/585;" src="Saved Search_saved-search.gif"
+  width="812" height="585" alt="검색 저장 예시"></p><h2>저장 위치</h2><p>기본 저장 위치는 일일 노트입니다. 다른 곳에 저장하려면 원하는 노트에 <code>#searchHome</code> 라벨을 추가하세요. <a href="#root/_help_9sRHySam5fXb">작업 공간</a> 안에서는 <code>#workspaceSearchHome</code> 라벨로 해당 작업 공간의 검색 저장 위치를 지정할 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 검색 저장 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Widget</span>: 위젯</li><li><span lang="en">Tables</span>: 테이블</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Other</span>: 기타</li><li><span lang="en">Help</span>: 도움말</li><li><span lang="en">Code</span>: 코드</li></ul></section>
@@ -0,0 +1,6 @@
+<p>텍스트는 Trilium의 기본 노트 유형입니다. 글자 서식과 표 및 이미지와 안내 상자 등 다양한 기능을 제공합니다.</p><h2>서식 도구 모음</h2><p>떠 있는 도구 모음은 필요한 순간에 나타납니다. 문단용 도구와 글자를 선택했을 때 나타나는 도구가 있습니다.</p><p><img src="1_Text_image.png" width="496" height="91" alt="문단 도구 모음"></p><p><img src="2_Text_image.png" width="812" height="114" alt="글자 도구 모음"></p><p>고정 도구 모음은 여러 서식 버튼을 한곳에 표시합니다.</p><p><img src="Text_image.png" width="1109" height="124" alt="고정 도구 모음"></p><p><a class="reference-link" href="#root/_help_nRhnJkTT8cPs">서식 도구 모음 안내</a>에서 선택 방법을 확인하세요.</p><h2>지원 기능</h2><ul><li><a class="reference-link" href="#root/_help_Gr6xFaF6ioJ5">일반 서식</a> — 제목과 본문 및 글자 크기와 굵게·기울임·밑줄·취소선 및 첨자와 색상과 서식 지우기</li><li><a class="reference-link" href="#root/_help_S6Xx8QIWTV66">목록</a> — 글머리 기호와 번호 목록 및 체크리스트</li><li><a class="reference-link" href="#root/_help_NwBbFdNZ9h7O">인용문과 안내 상자</a></li><li><a class="reference-link" href="#root/_help_NdowYOC1GFKS">표</a> — 셀 합치기와 표·셀 꾸미기 및 설명</li><li><a class="reference-link" href="#root/_help_UYuUB1ZekNQU">개발자용 서식</a> — 문장 안의 코드와 코드 블록 및 단축키 표시</li><li><a class="reference-link" href="#root/_help_AgjCISero73a">각주</a></li><li><a class="reference-link" href="#root/_help_mT0HEkOsz6i1">이미지</a></li><li><a class="reference-link" href="#root/_help_QEAPj01N5f7w">링크</a> — 외부 웹페이지와 내부 노트 연결</li><li><a class="reference-link" href="#root/_help_nBAXQFj20hS1">노트 포함</a></li><li><a class="reference-link" href="#root/_help_CohkqWQC1iBv">삽입 메뉴</a> — 기호와 <a class="reference-link" href="#root/_help_YfYAtQBcfo5V">수식</a> 및 Mermaid 도표와 가로 구분선 및 페이지 나누기</li><li><a class="reference-link" href="#root/_help_dEHYtoWWi8ct">기타 기능</a> — 들여쓰기와 Markdown 가져오기 및 <a class="reference-link" href="#root/_help_2x0ZAX9ePtzV">하위 노트로 잘라내기</a></li></ul><h2>읽기와 편집</h2><p>보통 편집 모드로 열립니다. 본문이 매우 크거나 직접 지정한 경우에는 <a class="reference-link"
+    href="#root/_help_CoFPLs3dRlXc">읽기 전용</a>으로 열립니다.</p><h2>단축키</h2><p><a
+    class="reference-link" href="#root/_help_A9Oc6YKKc65v">키보드 단축키</a>와 <a class="reference-link"
+      href="#root/_help_QrtTYPmdd1qq">Markdown식 자동 서식</a>으로 마우스 없이도 편집할 수 있습니다.</p><h2>편집기</h2><p>오픈 소스 기반을 가진 <a class="reference-link" href="#root/_help_MI26XDLSAlCD">CKEditor</a>를 사용합니다. 편집 화면에서 서식이 적용된 결과를 바로 확인할 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 문단 도구 모음</h3><p>문단 도구 모음에서 제목 단계와 목록 및 정렬 방식을 고릅니다. 아이콘 위에 마우스를 올리면 기능 이름을 확인할 수 있습니다.</p><h3>이미지 2 · 글자 도구 모음</h3><p>선택한 글자에 굵게와 기울임 및 밑줄 같은 서식을 적용하는 도구 모음입니다.</p><h3>이미지 3 · 고정 도구 모음</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">new note</span>: 새 노트</li></ul></section>
@@ -0,0 +1,15 @@
+<h2>인용문</h2><p>한 문단 이상을 인용할 때 사용할 수 있습니다. <a class="reference-link" href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>의 <img src="Block quotes & admonitions.png"
+  width="15" height="12" alt="인용문 버튼">을 누르거나 줄 시작에서 <code>&gt;</code> 뒤에 공백을 입력하세요. 인용문 안에는 표와 이미지 및 다른 인용문이나 안내 상자도 넣을 수 있습니다.</p><h2>안내 상자</h2><p>독자가 알아야 할 내용을 눈에 띄게 표시하는 상자입니다.</p><p><img style="aspect-ratio:959/547;" src="2_Block quotes & admonitions.png"
+  width="959" height="547" alt="안내 상자의 종류"></p><p>동작은 인용문과 비슷하며 제목과 표 및 이미지 등을 안에 넣을 수 있습니다.</p><h3>만들기</h3><p><a class="reference-link" href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>에서 안내 상자를 선택하세요.</p><p><img src="1_Block quotes & admonitions.png" alt="안내 상자 메뉴"></p><p><code>!!! note</code>는 참고 상자를 만듭니다. <code>!!! tip</code>은 도움말이며 <code>!!! important</code>는 중요입니다. <code>!!! caution</code>은 주의이며 <code>!!! warning</code>은 경고입니다. <code>!!!</code> 뒤에 다른 글자를 입력하면 참고 상자 안에 그 글자가 들어갑니다.</p><h3>사용 방법</h3><ul><li>글자를 선택하고 안내 상자 버튼을 누르면 선택한 내용을 상자로 바꿉니다.</li><li>여러 상자를 선택한 뒤 버튼을 누르면 하나로 합칩니다.</li><li>빈 상자에서 <kbd>Backspace</kbd>를 누르면 삭제합니다.</li><li><kbd>Enter</kbd>는 새 문단을 만들며 두 번 누르면 상자 밖으로 나옵니다.</li><li>제목과 표 등 블록 요소를 안에 넣을 수 있습니다.</li></ul><h3>종류</h3><p>참고와 도움말 및 중요와 주의와 경고의 다섯 종류를 제공합니다. GitHub의 안내 상자를 참고한 구성이며 이 버전에서는 종류를 추가하거나 사용자가 바꾸는 기능을 제공하지 않습니다.</p><h3>Markdown</h3><p>가져오기와 내보내기에서는 GitHub 형식을 사용합니다.</p><pre><code class="language-text-x-trilium-auto">&gt; [!NOTE]
+&gt; 참고할 내용입니다.
+
+&gt; [!TIP]
+&gt; 도움이 되는 설명입니다.
+
+&gt; [!IMPORTANT]
+&gt; 중요한 내용입니다.
+
+&gt; [!CAUTION]
+&gt; 주의할 내용입니다.</code></pre><p>편집 중 자동 변환에 쓰는 <code>!!! note</code>와 Markdown 파일의 문법은 다릅니다. Markdown 파일에서는 위의 GitHub 형식을 사용하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 2 · 안내 상자의 종류</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note</span>: 참고</li></ul><h3>이미지 3 · 안내 상자 메뉴</h3><p>일반 인용문과 주의 사항 등의 안내 상자 모양을 고르는 메뉴입니다.</p></section>
@@ -0,0 +1,3 @@
+<p><img src="Content language & Right-t.png" alt="본문 언어 설정"></p><p>텍스트 노트에 작성 언어를 지정할 수 있습니다. 브라우저나 데스크톱 앱이 본문의 언어를 알 수 있어 맞춤법 검사 등에 도움이 됩니다. 아랍어나 히브리어처럼 오른쪽에서 왼쪽으로 쓰는 언어의 표시 방향도 이 설정에 따라 결정됩니다.</p><h2>언어 지정</h2><p>기본 속성에서 언어 항목을 찾으세요.</p><h2>언어 목록 구성</h2><p>처음에는 언어가 설정되어 있지 않습니다. 전체 설정에서 언어를 추가하거나 노트의 언어 선택 목록에서 언어 구성을 선택하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 본문 언어 설정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Basic Properties</span>: 기본 속성</li><li><span lang="en">Protect the note</span>: 노트 보호</li><li><span lang="en">Editable</span>: 편집 가능</li><li><span lang="en">Language</span>: 언어</li><li><span lang="en">Bookmark</span>: 북마크</li><li><span lang="en">Template</span>: 템플릿</li><li><span lang="en">Shared</span>: 공유됨</li><li><span lang="en">Type</span>: 유형</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Auto</span>: 자동</li></ul></section>
@@ -0,0 +1,4 @@
+<p><img style="aspect-ratio:812/585;" src="Cut to subnote_cut-to-subn.gif"
+  width="812" height="585" alt="선택한 내용을 하위 노트로 옮기기"></p><p>문서가 너무 길어지면 내용을 하위 노트로 나눌 수 있습니다.</p><ol><li>옮길 내용을 선택해 잘라냅니다.</li><li>새 하위 노트를 만들고 제목을 입력합니다.</li><li>잘라낸 내용을 하위 노트에 붙여 넣습니다.</li></ol><p>Trilium은 이 과정을 한 번에 처리할 수 있습니다. 본문에서 내용을 선택한 뒤 선택 영역 도구 모음의 가위 아이콘을 눌러 하위 노트로 옮기기를 실행하세요. 선택한 내용의 제목을 감지해 새 노트 이름으로 사용합니다. 이 작업에 단축키를 지정할 수도 있습니다. 블록 도구 모음에서도 사용할 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 선택한 내용을 하위 노트로 옮기기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Widget</span>: 위젯</li><li><span lang="en">Notes</span>: 노트</li></ul></section>
@@ -0,0 +1,4 @@
+<h3>문장 안의 코드</h3><p>코드 서식은 고정폭 글꼴을 사용해 문장 안의 코드나 파일 경로 같은 기술적인 내용을 구분합니다.</p><p><img src="5_Developer-specific formatt.png" alt="경로와 git 명령의 코드 서식 예시"></p><p>다음 방법으로 적용할 수 있습니다.</p><ul><li><a href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>의 <img src="3_Developer-specific formatt.png" alt="코드 서식 버튼">을 누릅니다.</li><li>원하는 글자 양쪽에 역따옴표를 붙여 입력하면 코드 서식으로 바뀝니다. 예: <code>`code`</code></li></ul><h3>코드 블록</h3><p>여러 줄의 코드를 별도 블록으로 표시합니다.</p><p><img src="4_Developer-specific formatt.png" alt="JavaScript 구문 강조를 적용한 코드 블록"></p><p>코드가 매우 길다면 전용 <a href="#root/_help_6f9hih2hXXZk">코드 노트</a>를 사용하세요. 자세한 내용은 <a href="#root/_help_QxEyIjRBizuC">코드 블록</a>을 참고하세요.</p><h3>단축키 서식</h3><p>글자를 키보드의 키처럼 표시하는 서식입니다.</p><p><img src="Developer-specific formatt.png" alt="단축키 서식 예시"></p><p><a href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>에서 <img src="1_Developer-specific formatt.png" alt="글자 서식 그룹">을 열고 <img src="6_Developer-specific formatt.png" alt="단축키 서식 버튼">을 누르세요. 떠 있는 도구 모음에서는 글자를 선택하면 버튼이 나타납니다.</p><p><kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>K</kbd>로 선택한 글자에 적용할 수도 있습니다. 같은 버튼이나 단축키를 다시 누르면 해제됩니다. <img src="2_Developer-specific formatt.png"
+  width="17" height="16" alt="서식 지우기 버튼">으로도 서식을 지울 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 경로와 git 명령의 코드 서식 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Modified</span>: 수정일</li><li><span lang="en">Reset</span>: 재설정</li><li><span lang="en">Code</span>: 코드</li></ul><h3>이미지 3 · JavaScript 구문 강조를 적용한 코드 블록</h3><p>코드 언어를 JavaScript로 지정한 예시입니다. 색으로 구분된 영문은 실행할 코드이므로 그대로 유지합니다.</p><h3>이미지 4 · 단축키 서식 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Open</span>: 열기</li></ul></section>
@@ -0,0 +1,7 @@
+<p><img src="1_Code blocks_image.png" alt="코드 블록 예시"></p><p>텍스트 노트 안에 짧은 코드를 넣는 기능입니다. 전체 로그처럼 긴 내용은 <a class="reference-link"
+  href="#root/_help_6f9hih2hXXZk">코드 노트</a>를 사용하세요.</p><h2>삽입</h2><p><a class="reference-link" href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>의 <img src="Code blocks_image.png" alt="코드 블록 버튼">을 누르면 마지막으로 선택한 언어의 블록을 만듭니다. 처음에는 자동 감지입니다. 옆의 화살표로 다른 언어를 선택할 수 있습니다. 역따옴표 세 개를 입력하는 방법도 있으며 이때도 마지막으로 선택한 언어를 사용합니다.</p><h2>구문 강조와 색상</h2><p>0.90.12부터 코드 블록에 구문 강조를 적용합니다. <a class="reference-link" href="#root/_help_6f9hih2hXXZk">코드 노트</a>와는 다른 기술을 사용합니다. 자동 감지는 내용을 보고 언어를 추정하며 잘못 감지하면 직접 언어를 선택하세요. 일반 텍스트를 선택하면 강조하지 않습니다.</p><p>편집 중에는 약 500줄 이상의 큰 블록에서 강조를 끕니다. 이 기준은 설정할 수 없습니다. <a class="reference-link"
+  href="#root/_help_CoFPLs3dRlXc">읽기 전용 노트</a>에는 이 제한이 적용되지 않습니다. 설정 → 모양에서 Highlight.js 색상 테마와 줄바꿈을 선택할 수 있습니다. 구문 강조 없음을 선택하면 전체 노트에서 끕니다.</p><p>CKEditor의 검색 강조 등에 사용하는 API에 Highlight.js를 연결한 방식입니다. <a href="https://github.com/antoniotejada">antoniotejada</a>의 <a href="https://github.com/antoniotejada/Trilium-SyntaxHighlightWidget">구문 강조 위젯</a>을 바탕으로 설정과 기능을 확장했습니다.</p><h3>기존 플러그인에서 전환</h3><p><a href="https://github.com/antoniotejada/Trilium-SyntaxHighlightWidget">Trilium-SyntaxHighlightWidget</a> 같은 기존 플러그인은 충돌을 피하도록 비활성화하세요. 문제가 지속되면 안전 모드로 실행해 확인할 수 있습니다.</p><h2>언어 변경</h2><p>블록 안을 클릭한 뒤 <a class="reference-link" href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>에서 언어를 바꿉니다.</p><p><img src="2_Code blocks_image.png" alt="코드 블록 언어 변경"></p><h2>언어 목록</h2><p><a
+  class="reference-link" href="#root/_help_6f9hih2hXXZk">코드 노트</a>와 같은 목록을 사용합니다. <a class="reference-link"
+  href="#root/_help_4TIF1oA4VQRO">설정</a> → 코드 노트의 선택 목록에 표시할 MIME 유형에서 언어를 선택하거나 해제하세요. <a href="#root/_help_s8alTXmpFR61">새로고침</a> 후 반영됩니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 코드 블록 예시</h3><p>코드 블록에 입력한 프로그램 예시입니다. 영문 명령과 기호는 프로그램 문법이므로 원래 표기를 유지합니다.</p><h3>이미지 3 · 코드 블록 언어 변경</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Text</span>: 텍스트</li></ul></section>
@@ -0,0 +1,5 @@
+<p><img style="aspect-ratio:199/187;" src="1_Footnotes_image.png" width="199"
+  height="187" alt="각주 예시"></p><p>각주는 문단의 참고 자료나 보충 설명을 노트 아래쪽에 정리할 때 유용합니다.</p><h2>사용 방법</h2><ul><li>새 각주를 넣으려면 <img src="Footnotes_image.png" width="17"
+    height="12" alt="각주 삽입 버튼"> 버튼을 누르세요. 옆의 화살표를 눌러 새 각주를 선택해도 됩니다.</li><li>기존 각주를 다시 참조하려면 화살표를 누르고 각주 삽입을 선택한 뒤 번호를 고르세요.</li><li><code>[1]</code> 같은 참조 표시 위에 마우스를 올리면 각주 내용을 미리 볼 수 있습니다.</li><li>본문의 참조 표시를 누르면 해당 각주로 이동합니다.</li><li>각주의 <code>^</code> 버튼을 누르면 본문의 참조 위치로 돌아갑니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 각주 예시</h3><p>본문의 작은 각주 번호와 아래쪽 각주 내용이 연결된 모습입니다. 예문 대신 원하는 설명을 입력하세요.</p></section>
@@ -0,0 +1,5 @@
+<p>텍스트 노트의 서식 도구 모음은 두 가지 방식 중에서 선택할 수 있습니다.</p><p><a class="reference-link"
+  href="#root/_help_4TIF1oA4VQRO">설정</a> → <a
+  class="reference-link" href="#root/_options/_help__optionsTextNotes">텍스트 노트</a>의 서식 도구 모음 항목에서 표시 방식을 바꾸세요.</p><h2>떠 있는 도구 모음</h2><p>평소에는 도구 모음을 숨기고 필요한 순간에 두 종류의 팝업으로 서식 옵션을 표시합니다.</p><h3>문단 서식 팝업</h3><p>편집 중인 문단 왼쪽에 점 모양 버튼이 나타납니다.</p><p><img src="1_Formatting toolbar_image.png" alt="문단 서식 버튼"></p><p>버튼을 누르면 제목과 목록 및 표처럼 문단 전체에 적용하는 옵션이 표시됩니다.</p><p><img src="3_Formatting toolbar_image.png" alt="문단 서식 팝업"></p><h3>글자 서식 팝업</h3><p>글자를 선택하면 자동으로 나타납니다.</p><p><img src="Formatting toolbar_image.png" alt="글자 서식 팝업"></p><p>글자 크기와 굵게 등 선택한 글자에만 적용하는 옵션을 제공합니다.</p><h2>고정 도구 모음</h2><p>서식을 자주 적용한다면 모든 옵션이 한곳에 표시되는 고정 도구 모음이 편리합니다. <a href="#root/_help_BlN9DFI679QC">상단 리본</a>에 도구 모음이 표시됩니다.</p><p><img src="2_Formatting toolbar_image.png" alt="고정 서식 도구 모음"></p><p>화면 너비가 부족하면 나머지 옵션은 끝부분의 더 보기 메뉴에 모입니다. 서식 도구 모음 설정에서 여러 줄 표시를 선택하면 옵션을 여러 줄로 배치할 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 2 · 문단 서식 팝업</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note</span>: 참고</li><li><span lang="en">Type</span>: 유형</li></ul><h3>이미지 3 · 글자 서식 팝업</h3><p>글자를 선택하면 나타나는 서식 메뉴입니다. 원하는 아이콘을 눌러 선택한 부분의 서식을 바꿉니다.</p><h3>이미지 4 · 고정 서식 도구 모음</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">new note</span>: 새 노트</li></ul></section>
@@ -0,0 +1,8 @@
+<h2>제목</h2><p><img style="aspect-ratio:255/284;" src="3_General formatting_image.png"
+  width="255" height="284" alt="제목 서식 선택"></p><p>본문은 제목 2~6으로 구분할 수 있습니다. 제목 1은 노트 제목에 사용합니다. 일반 문단으로 되돌리려면 본문을 선택하세요. <code>##</code>부터 <code>######</code>까지 입력해 제목 2~6을 만들 수도 있습니다.</p><h2>글자 크기</h2><p><img style="aspect-ratio:363/249;" src="General formatting_image.png"
+  width="363" height="249" alt="글자 크기 선택"></p><p>일부 글자를 선택하고 크기를 바꾸면 강조할 수 있습니다. 숫자 대신 매우 작게와 작게 같은 상대 크기를 사용합니다. 모든 노트를 크게 보고 싶다면 <a
+  class="reference-link" href="#root/_help_4TIF1oA4VQRO">설정</a>의 기본 글자 크기나 화면 확대를 조정하세요.</p><h2>굵게와 기울임 및 밑줄과 취소선</h2><p><img style="aspect-ratio:215/71;" src="4_General formatting_image.png"
+  width="215" height="71" alt="글자 서식 버튼"></p><p>각 버튼으로 적용하고 서식 지우기로 제거할 수 있습니다. 단축키는 굵게가 Ctrl+B이며 기울임은 Ctrl+I이고 밑줄은 Ctrl+U입니다. <code>**글자**</code>나 <code>__글자__</code>는 굵게입니다. <code>*글자*</code>나 <code>_글자_</code>는 기울임이며 <code>~~글자~~</code>는 취소선입니다.</p><h2>위 첨자와 아래 첨자</h2><p>cm³ 같은 단위와 NaHCO₃ 같은 화학식에 사용할 수 있습니다. 복잡한 식은 <a class="reference-link" href="#root/_help_YfYAtQBcfo5V">수식 기능</a>을 사용하세요.</p><h2>글자색과 배경색</h2><p><img style="aspect-ratio:167/204;" src="2_General formatting_image.png"
+  width="167" height="204" alt="색상 선택"></p><p>미리 지정된 색을 선택하거나 색상 선택기로 직접 정할 수 있습니다. 문서에서 사용한 색은 다시 고르기 쉽도록 목록에 나타납니다. 밝은 <a href="#root/_help_Wy267RK4M69c">테마</a>와 어두운 테마 사이를 전환해도 읽기 쉬운 대비인지 확인하세요. 색상 제거 또는 서식 지우기로 해제할 수 있습니다.</p><h2>서식 지우기</h2><p><img src="1_General formatting_image.png" width="17" height="16" alt="서식 지우기 버튼">은 선택한 글자의 굵기와 색상 및 크기 등을 지웁니다. 제거할 서식이 없으면 비활성화됩니다. 제목 서식은 별도로 본문으로 바꿔야 합니다. 붙여넣을 때부터 서식을 제외하려면 Ctrl+Shift+V를 사용하세요.</p><h2>Markdown</h2><p><a class="reference-link" href="#root/_help_Oau6X9rCuegd">Markdown</a>으로 내보낼 때 제목과 굵게 및 기울임과 밑줄 등 대부분의 기본 서식을 유지합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 제목 서식 선택</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li></ul><h3>이미지 2 · 글자 크기 선택</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li></ul><h3>이미지 4 · 색상 선택</h3><p>글자색이나 배경색을 고르는 화면입니다. 색상 견본에서 원하는 색을 선택합니다.</p></section>
@@ -0,0 +1,6 @@
+<p><img style="aspect-ratio:250/150;" src="Highlights list_image.png" width="250"
+  height="150" alt="강조 목록 예시"></p><p><a class="reference-link" href="#root/_help_BFvAtE74rbP6">목차</a>와 비슷하지만 제목 대신 강조한 글자를 모아 보여 줍니다. 강조한 내용이 하나 이상 있으면 <a class="reference-link" href="#root/_help_RnaPdbciOfeq">오른쪽 사이드바</a>에 목록이 나타납니다.</p><p>다음 서식을 적용한 글자가 강조 목록에 포함됩니다.</p><ul><li>굵게</li><li>기울임꼴</li><li>밑줄</li><li>글자색</li><li>배경색이나 형광펜</li></ul><h2>사용 방법</h2><ul><li>목록의 항목을 누르면 본문의 해당 위치로 이동합니다.</li><li>닫기 버튼으로 목록을 숨길 수 있습니다. <a class="reference-link" href="#root/_help_XpOYSgsLkTJy">떠 있는 버튼</a> 영역에서 다시 표시할 수 있습니다.</li></ul><h2>전체 설정</h2><p><a class="reference-link"
+  href="#root/_hidden/_options/_help__optionsTextNotes">텍스트 노트 설정</a>의 강조 목록 항목에서 목록에 포함할 서식 종류를 선택할 수 있습니다.</p><h2>노트별 설정</h2><p>특정 노트에서 강조 목록을 숨기려면 <a
+  class="reference-link" href="#root/_help_zEY4DaJG4YT5">속성</a>에 <code>#hideHighlightWidget</code> 라벨을 추가하세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 강조 목록 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">List</span>: 목록</li></ul></section>
@@ -0,0 +1,6 @@
+<p>JPEG와 PNG 및 GIF 이미지를 저장하고 표시할 수 있습니다. 노트의 <a href="#root/_help_0vhv7lsOLy82">첨부 파일</a>로 넣거나 별도 <a href="#root/_help_kBrnXNG3Hplm">이미지 노트</a>로 <a
+  href="#root/_help_kBrnXNG3Hplm">노트 트리</a>에 둘 수 있습니다. 참조를 텍스트 노트에 붙이면 본문에도 표시할 수 있습니다.</p><h2>이미지 넣기</h2><p>파일 탐색기에서 편집기로 이미지를 끌어 놓으세요.</p><p><img src="8_Images_image.png" alt="이미지 끌어 놓기"></p><p>블록 도구 모음에서 이미지 삽입을 선택할 수도 있습니다.</p><p><img src="6_Images_image.png" alt="이미지 삽입 메뉴"></p><p>웹의 이미지를 복사해 붙이면 이미지를 내려받아 본문에 포함합니다.</p><h2>이미지 배치</h2><p>이미지를 누르면 설정 팝업이 나타납니다.</p><p><img src="9_Images_image.png" alt="이미지 설정"></p><h3>문장 안에 배치</h3><p><img src="5_Images_image.png" alt="문장 안에 배치 버튼"></p><p><img src="1_Images_image.png" alt="문장 안에 배치 예시"></p><p>글자처럼 문단 안에 놓습니다. 끌어서 옮기거나 잘라내고 붙여넣을 수 있습니다.</p><h3>가운데 배치</h3><p><img src="10_Images_image.png" alt="가운데 배치 버튼"></p><p><img src="2_Images_image.png" alt="가운데 배치 예시"></p><p>별도 블록으로 가운데에 표시하며 좌우에 글자가 흐르지 않습니다.</p><h3>글자로 둘러싸기</h3><p><img src="4_Images_image.png" alt="글자로 둘러싸기 버튼"></p><p><img src="7_Images_image.png" alt="글자로 둘러싸기 예시"></p><p>글자의 왼쪽이나 오른쪽에 이미지를 표시합니다.</p><h3>블록 정렬</h3><p><img src="Images_image.png" alt="블록 정렬 버튼"></p><p><img src="3_Images_image.png" alt="블록 정렬 예시"></p><p>별도 블록을 왼쪽이나 오른쪽으로 정렬합니다. 이미지 옆에는 글자가 흐르지 않습니다.</p><h2>압축</h2><p>Trilium은 업로드한 이미지를 저장하기 전에 크기를 줄이고 압축하므로 품질이 달라질 수 있습니다. <a class="reference-link"
+    href="#root/_help_4TIF1oA4VQRO">설정</a> → 기타에서 기본 품질을 조정할 수 있습니다. 원본 해상도를 보존하려면 <a
+    class="reference-link" href="#root/_help_8YBEPzcpUgxw">노트 메뉴</a> → 파일 가져오기로 첨부하세요.</p><h2>이미지를 나란히 놓기</h2><p>크기가 비슷하면 문장 안에 배치한 뒤 같은 줄로 끌어 놓으세요. 크기가 다르면 테두리를 숨긴 <a href="#root/_help_NdowYOC1GFKS">표</a>의 각 칸에 넣을 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 이미지 끌어 놓기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li><li><span lang="en">Widget</span>: 위젯</li></ul><h3>이미지 2 · 이미지 삽입 메뉴</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Image</span>: 이미지</li></ul><h3>이미지 5 · 문장 안에 배치 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Notes</span>: 노트</li></ul><h3>이미지 7 · 가운데 배치 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Notes</span>: 노트</li></ul><h3>이미지 9 · 글자로 둘러싸기 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Help</span>: 도움말</li></ul><h3>이미지 11 · 블록 정렬 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Notes</span>: 노트</li></ul></section>
@@ -0,0 +1,4 @@
+<p><img style="aspect-ratio:880/553;" src="Image references_image.png" width="880"
+  height="553" alt="이미지 참조 예시"></p><p>이미지 참조를 사용하면 다른 유형의 노트 미리보기를 <a class="reference-link" href="#root/_help_iPIMuisry3hd">텍스트 노트</a>에 넣을 수 있습니다.</p><h2>지원하는 노트 유형</h2><ul><li><a class="reference-link" href="#root/_help_grjYqerjn243">캔버스</a></li><li><a class="reference-link" href="#root/_help_s1aBHPd79XYj">Mermaid 도표</a></li><li><a class="reference-link" href="#root/_help_gBbsAeiuUxI5">마인드맵</a></li></ul><h2>사용 순서</h2><ul><li>위 유형의 노트를 열고 <a class="reference-link" href="#root/_help_XpOYSgsLkTJy">떠 있는 버튼</a> 영역에서 <img src="1_Image references_image.png" alt="이미지 참조 복사 버튼">을 누르세요.</li><li><a class="reference-link" href="#root/_help_iPIMuisry3hd">텍스트 노트</a>로 이동한 뒤 붙여넣으면 해당 노트의 이미지 참조가 삽입됩니다.</li></ul><h2>사용 방법</h2><ul><li>이미지 참조를 두 번 클릭하면 원본 노트가 열립니다.</li><li><kbd>Ctrl</kbd>을 누른 채 클릭하면 원본 노트가 새 탭에서 열립니다.</li><li>원본 노트를 수정하면 이미지 참조도 갱신됩니다. 반영되지 않으면 <a class="reference-link" href="#root/_help_s8alTXmpFR61">애플리케이션 새로고침</a>을 실행하세요.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 이미지 참조 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Formatting</span>: 서식</li></ul></section>
@@ -0,0 +1,11 @@
+<p><a class="reference-link" href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>의 <img src="4_Insert buttons_image.png" width="34" height="16" alt="삽입 메뉴 버튼">을 누르면 기호와 수식 및 구분선 등을 넣을 수 있습니다.</p><h2>북마크</h2><p><a class="reference-link" href="#root/_help_oSuaNgyyKnhu">북마크 안내</a>를 참고하세요.</p><h2>이모지</h2><p><img style="aspect-ratio:366/410;" src="Insert buttons_plus.png" width="366"
+  height="410" alt="이모지 선택기"></p><p>범주와 이모지를 선택하면 유니코드 문자로 삽입합니다. 이름으로 검색하고 오른쪽 선택 상자에서 피부색을 고를 수 있습니다. 이 한글화 적용본은 한국어 이름과 검색어를 제공합니다. <code>:</code> 뒤에 단축 이름을 입력하면 후보 목록이 나타납니다. 화살표로 선택하고 Enter로 넣으세요.</p><p><img
+src="1_Insert buttons_plus.png" width="272" height="187" alt="이모지 자동 완성"></p><h2>기호</h2><p><img style="aspect-ratio:346/322;" src="1_Insert buttons_image.png" width="346"
+    height="322" alt="기호 선택 창"></p><p><img src="7_Insert buttons_image.png" width="18" height="15" alt="기호 버튼">을 누르면 키보드로 입력하기 어려운 문자 목록이 열립니다. 문자를 누르면 현재 위치에 들어갑니다. 창의 제목 부분을 끌어 옮기거나 범주로 목록을 좁힐 수 있습니다.</p><h2>수식</h2><p><a class="reference-link" href="#root/_help_YfYAtQBcfo5V">수식 안내</a>를 참고하세요.</p><h2>Mermaid 도표</h2><p><img src="2_Insert buttons_image.png" width="16" height="17" alt="Mermaid 삽입 버튼">으로 본문에 간단한 도표를 넣습니다. 전용 <a class="reference-link" href="#root/_help_s1aBHPd79XYj">Mermaid 노트</a>와 비슷한 기능입니다. 복잡한 도표는 전용 노트를 만들고 <a class="reference-link" href="#root/_help_nBAXQFj20hS1">노트 포함</a>으로 넣으세요.</p><p><img style="aspect-ratio:1174/358;" src="6_Insert buttons_image.png" width="1174"
+    height="358" alt="본문 안의 Mermaid 도표"></p><h2>가로 구분선</h2><p><a class="reference-link" href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>의 <img src="5_Insert buttons_image.png"
+    width="18" height="16" alt="가로 구분선 버튼">을 누르거나 <code>---</code>를 입력하세요.</p><p><img
+  src="3_Insert buttons_image.png" width="502" height="95" alt="가로 구분선"></p><h2>페이지 나누기</h2><p><img style="aspect-ratio:371/79;" src="8_Insert buttons_image.png" width="371"
+      height="79" alt="페이지 나누기 표시"></p><p>인쇄하거나 <a href="#root/_help_NRnIZmSMc5sj">PDF로 내보낼 때</a> 다음 문단이나 표와 이미지를 새 페이지에서 시작하게 합니다. 편집기에는 페이지 나누기라고 표시되지만 이 문구는 인쇄되지 않습니다.</p><p><img src="Insert buttons_image.png" width="20"
+        height="19" alt="페이지 나누기 버튼">으로 삽입합니다. 여러 곳에 넣으려면 먼저 만든 페이지 나누기를 선택해 복사한 뒤 필요한 위치에 붙여넣으세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 2 · 이모지 선택기</h3><p>본문에 넣을 이모지를 검색하고 선택하는 창입니다. 현재 앱의 이모지 이름은 한국어로 표시됩니다.</p><h3>이미지 3 · 이모지 자동 완성</h3><p>이모지 이름을 입력했을 때 표시되는 후보 목록입니다. 원하는 후보를 선택하면 본문에 이모지가 들어갑니다.</p><h3>이미지 4 · 기호 선택 창</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">characters</span>: 글자</li></ul><h3>이미지 7 · 본문 안의 Mermaid 도표</h3><p>Mermaid 문법으로 작성한 도표를 본문 안에 표시한 예시입니다. 도표의 글자는 코드에 입력한 내용에 따라 달라집니다.</p><h3>이미지 9 · 가로 구분선</h3><p>문단 사이에 가로선을 넣어 내용을 구분한 예시입니다.</p><h3>이미지 10 · 페이지 나누기 표시</h3><p>인쇄할 때 새 페이지를 시작할 위치를 표시한 예시입니다.</p></section>
@@ -0,0 +1,8 @@
+<p>텍스트 노트는 세 종류의 목록을 지원합니다.</p><ul><li><img src="7_Lists_image.png" width="17" height="13" alt="글머리 기호 목록"> 글머리 기호 목록</li><li><img src="8_Lists_image.png" width="18" height="16" alt="번호 목록"> 번호 목록</li><li><img src="10_Lists_image.png" width="19" height="13" alt="체크리스트"> 체크리스트</li></ul><p><img src="9_Lists_image.png"
+  width="10" height="6" alt="목록 옵션">을 누르면 사각형 기호나 로마 숫자 등으로 표시 방식을 바꿀 수 있습니다. 번호 목록은 시작 번호와 역순 번호 매기기도 설정할 수 있습니다.</p><h2>키보드 사용</h2><ul><li>줄 앞에 <code>*</code>나 <code>-</code>와 공백을 입력하면 글머리 기호 목록을 만듭니다.</li><li><code>1.</code>이나 <code>1)</code>와 공백을 입력하면 번호 목록을 만듭니다.</li><li><code>[ ]</code>는 미완료 체크리스트 항목이며 <code>[x]</code>는 완료 항목입니다.</li><li><kbd>Enter</kbd>는 새 항목을 만듭니다. <kbd>Shift</kbd>+<kbd>Enter</kbd>는 같은 항목 안에서 줄을 바꿉니다.</li><li><kbd>Enter</kbd>를 두 번 누르면 목록을 끝냅니다. 목록 사이의 빈 공간을 지우면 두 목록을 합칠 수 있습니다.</li><li><img src="2_Lists_image.png" width="17"
+    height="14" alt="들여쓰기 버튼">이나 <kbd>Tab</kbd>으로 하위 목록을 만들고 <kbd>Shift</kbd>+<kbd>Tab</kbd>으로 한 단계 올립니다. <a class="reference-link" href="#root/_help_dEHYtoWWi8ct">기타 기능의 들여쓰기</a>를 참고하세요.</li></ul><h2>목록 안에 제목과 코드 블록 넣기</h2><p>1. 목록을 만듭니다.</p><p><img src="6_Lists_image.png" alt="목록 안에 블록 넣기 1단계"></p><p>2. Enter로 새 항목을 만듭니다.</p><p><img src="4_Lists_image.png" alt="목록 안에 블록 넣기 2단계"></p><p>3. Backspace로 글머리 기호를 없앱니다. 커서는 목록 항목 안에 남습니다.</p><p><img src="5_Lists_image.png" alt="목록 안에 블록 넣기 3단계"></p><p>4. 코드 블록이나 표 등 원하는 요소를 넣습니다.</p><p><img class="image_resized" style="aspect-ratio:676/112;width:98.29%;"
+          src="1_Lists_image.png" width="676" height="112" alt="목록 안에 블록 넣기 4단계"></p><p>5. Enter를 눌러 요소 뒤의 빈 위치로 이동합니다.</p><p><img class="image_resized" style="aspect-ratio:675/129;width:94.22%;"
+          src="Lists_image.png" width="675" height="129" alt="목록 안에 블록 넣기 5단계"></p><p>6. Enter를 다시 누르면 다음 글머리 기호가 만들어집니다.</p><p><img class="image_resized" style="aspect-ratio:675/129;width:100%;" src="3_Lists_image.png"
+          width="675" height="129" alt="목록 안에 블록 넣기 6단계"></p><p>글머리 기호 목록과 번호 목록 및 체크리스트에서 같은 방법을 사용할 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 6 · 목록 안에 블록 넣기 1단계</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">List</span>: 목록</li><li><span lang="en">Code</span>: 코드</li></ul><h3>이미지 7 · 목록 안에 블록 넣기 2단계</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">List</span>: 목록</li><li><span lang="en">Code</span>: 코드</li></ul><h3>이미지 8 · 목록 안에 블록 넣기 3단계</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">List</span>: 목록</li><li><span lang="en">Code</span>: 코드</li></ul><h3>이미지 9 · 목록 안에 블록 넣기 4단계</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">List</span>: 목록</li><li><span lang="en">Code</span>: 코드</li></ul><h3>이미지 10 · 목록 안에 블록 넣기 5단계</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">List</span>: 목록</li><li><span lang="en">Code</span>: 코드</li></ul><h3>이미지 11 · 목록 안에 블록 넣기 6단계</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">List</span>: 목록</li><li><span lang="en">Code</span>: 코드</li></ul></section>
@@ -0,0 +1,5 @@
+<p><img style="aspect-ratio:350/193;" src="Math Equations_image.png" width="350"
+  height="193" alt="수식 입력 창"></p><p>텍스트 노트에서 <a class="reference-link" href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>의 <img src="1_Math Equations_image.png" width="20" height="15" alt="수식 삽입 버튼">으로 수식을 넣을 수 있습니다. 보통 <a class="reference-link" href="#root/_help_CohkqWQC1iBv">삽입 버튼</a> 그룹 안에 있습니다.</p><p>자주 사용한다면 <kbd>Ctrl</kbd>+<kbd>M</kbd>을 누르세요. <code>$$</code>나 <code>\[</code>를 입력해 창을 열 수도 있습니다. 이미 입력한 수식 양쪽에 <code>$</code>를 붙이거나 선택한 뒤 단축키를 누르는 자동 변환 방식은 지원하지 않습니다.</p><p>수식은 TeX 형식으로 작성합니다. 미리보기는 제공하지만 기호를 마우스로 조립하는 시각적 편집기는 없습니다.</p><p>별도 표시 모드를 선택하면 수식을 조금 크게 표시하고 가운데 정렬합니다. 합계 기호나 분수가 포함된 수식에서 차이가 뚜렷합니다. 이 모드의 수식은 문단이나 표처럼 독립된 블록이 되어 목록 안에도 넣을 수 있습니다. 일반 모드의 수식은 문장 안에 들어갑니다.</p><h2>지원하는 수식</h2><p>KaTeX 라이브러리를 사용하며 TeX 문법의 일부를 지원합니다. 공식 문서의 <a
+  href="https://katex.org/docs/supported">지원 함수</a>와 <a href="https://katex.org/docs/support_table">지원 여부 표</a>를 확인하세요.</p><h2>Markdown 지원</h2><p>Markdown으로 가져오거나 내보낼 때도 수식이 유지됩니다. 수식 구분 기호를 이용해 문장 안의 수식과 별도 블록 수식을 표현합니다.</p><p>수식을 가져오거나 내보내는 과정에서 문제가 생기면 해당 수식을 포함해 <a href="#root/_help_wy8So3yZZlH9">문제를 보고</a>해 주세요.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 수식 입력 창</h3><p>수식 원문을 입력하고 결과를 확인하는 창입니다. 수학 기호와 LaTeX 명령은 번역하지 않고 입력합니다.</p></section>
@@ -0,0 +1,8 @@
+<h2>들여쓰기</h2><p><img style="aspect-ratio:201/124;" src="6_Other features_image.png" width="201"
+  height="124" alt="들여쓰기 예시"></p><p><a
+  class="reference-link" href="#root/_help_nRhnJkTT8cPs">서식 도구 모음</a>에서 문단을 오른쪽으로 들여쓸 수 있습니다.</p><ul><li><img src="5_Other features_image.png" width="17" height="14" alt="들여쓰기 버튼">을 누를 때마다 한 단계씩 들여씁니다.</li><li><img src="1_Other features_image.png" width="17" height="14" alt="내어쓰기 버튼">은 들여쓰기를 줄입니다. 더 줄일 수 없으면 비활성화됩니다.</li><li><kbd>Tab</kbd>으로 들여쓰고 <kbd>Shift</kbd>+<kbd>Tab</kbd>으로 내어쓸 수도 있습니다. 커서가 문단이나 목록의 시작에 있지 않아도 작동합니다.</li><li><a class="reference-link"
+    href="#root/_help_S6Xx8QIWTV66">목록</a>에서도 사용할 수 있으며 하위 목록을 만드는 데 활용합니다.</li></ul><h2>Markdown 가져오기</h2><p>Markdown 원문을 복사한 뒤 <img src="2_Other features_image.png"
+  width="20" height="14" alt="Markdown 가져오기 버튼">을 누르면 서식을 적용해 삽입합니다. <code># 제목</code>처럼 작성된 원문을 사용해야 합니다. 이미 서식이 보이는 미리보기 화면의 내용을 복사했다면 일반 붙여넣기를 사용하세요. HTML 서식을 받아들입니다.</p><p>짧은 내용을 넣을 때 유용합니다. 문서 전체를 가져오려면 <a class="reference-link" href="#root/_help_Oau6X9rCuegd">Markdown 가져오기와 내보내기</a>를 사용하세요. 브라우저에서는 클립보드에 직접 접근하지 못하므로 별도 입력 화면이 나타납니다.</p><h2>하위 노트로 잘라내기</h2><p><img src="Other features_image.png" width="16" height="20" alt="하위 노트로 잘라내기 버튼">을 누르면 선택한 내용으로 하위 노트를 만듭니다. 자세한 내용은 <a class="reference-link" href="#root/_help_2x0ZAX9ePtzV">하위 노트로 잘라내기</a>를 참고하세요.</p><h2>찾기와 바꾸기</h2><p><img style="aspect-ratio:394/203;" src="4_Other features_image.png" width="394"
+  height="203" alt="찾기와 바꾸기 화면"></p><p><img src="3_Other features_image.png" width="18" height="17" alt="찾기와 바꾸기 버튼">을 누르면 편집기의 검색 창이 열립니다. <kbd>Ctrl</kbd>+<kbd>F</kbd>로도 열 수 있습니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 들여쓰기 예시</h3><p>문단의 시작 위치를 안쪽으로 옮긴 모습입니다. 들여쓰기 늘리기와 줄이기로 깊이를 조절합니다.</p><h3>이미지 6 · 찾기와 바꾸기 화면</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Replace all</span>: 모두 바꾸기</li><li><span lang="en">Advanced</span>: 고급</li></ul></section>
@@ -0,0 +1,4 @@
+<p><img style="aspect-ratio:243/171;" src="Table of contents_image.png" width="243"
+  height="171" alt="목차 예시"></p><p>텍스트 노트에 여러 제목이 있으면 <a class="reference-link" href="#root/_help_RnaPdbciOfeq">오른쪽 사이드바</a>에 목차가 자동으로 표시됩니다.</p><h2>사용 방법</h2><ul><li>목차의 제목을 누르면 본문에서 해당 위치로 이동합니다.</li><li>닫기 버튼으로 목차를 숨길 수 있습니다. 다시 표시하려면 <a class="reference-link" href="#root/_help_XpOYSgsLkTJy">떠 있는 버튼</a> 영역을 이용하세요.</li></ul><h2>전체 설정</h2><p><a class="reference-link" href="#root/_hidden/_options/_help__optionsTextNotes">텍스트 노트 설정</a>의 목차 항목에서 목차를 표시하는 데 필요한 최소 제목 수를 지정할 수 있습니다.</p><ul><li>항상 숨기려면 10000처럼 매우 큰 값을 지정하세요.</li><li>제목이 하나라도 있을 때 표시하려면 1로 지정하세요.</li></ul><h2>노트별 설정</h2><p><a class="reference-link" href="#root/_help_zEY4DaJG4YT5">속성</a>으로 특정 노트의 목차 표시 여부를 지정할 수 있습니다.</p><ul><li><code>#toc=show</code> — 전체 설정과 관계없이 목차를 표시합니다.</li><li><code>#toc=hide</code> — 해당 노트의 목차를 항상 숨깁니다.</li></ul>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 목차 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Table of Contents</span>: 목차</li></ul></section>
@@ -0,0 +1,11 @@
+<p><a class="reference-link" href="#root/_help_iPIMuisry3hd">텍스트 노트</a>에서 표 버튼을 누르고 마우스로 행과 열 수를 선택하면 표를 만들 수 있습니다.</p><p><img style="aspect-ratio:176/204;" src="6_Tables_image.png" width="176"
+  height="204" alt="표의 행과 열 선택"></p><h2>서식 도구 모음</h2><p>표를 선택하면 전용 도구 모음이 나타납니다.</p><p><img
+src="9_Tables_image.png" width="384" height="100" alt="표 서식 도구 모음"></p><h2>표 안에서 이동</h2><p>셀을 누르면 해당 셀을 편집합니다. 표 위아래의 <img src="10_Tables_image.png" width="28" height="27" alt="문단 삽입 버튼"> 버튼으로 빈 문단을 넣습니다. 왼쪽 위의 <img src="5_Tables_image.png" width="24" height="26" alt="표 선택 버튼"> 버튼으로 표 전체를 선택해 복사하거나 잘라낼 수 있습니다. 버튼을 끌어 표를 옮길 수도 있습니다.</p><p>방향키로 셀 사이를 이동합니다. Tab은 다음 셀로 이동하고 Shift+Tab은 이전 셀로 이동합니다. 마지막 셀에서 Tab을 누르면 새 행이 생깁니다. Shift를 누른 채 방향키를 사용하면 여러 셀을 선택합니다.</p><h2>셀 크기</h2><p>열 경계를 끌면 너비를 바꿀 수 있습니다. 행 높이는 기본적으로 마우스로 조절하지 않으며 셀 속성에서 지정합니다. <img src="8_Tables_image.png" width="19" height="19" alt="셀 속성 버튼"> 버튼으로 픽셀이나 백분율 단위의 정확한 크기를 입력할 수 있습니다.</p><h2>행과 열 추가</h2><p>기준 셀을 선택하고 <img
+      src="Tables_image.png" width="18" height="20" alt="열 메뉴 버튼"> 버튼에서 왼쪽 또는 오른쪽에 열 삽입을 선택합니다. <img src="7_Tables_image.png"
+      width="20" height="18" alt="행 메뉴 버튼"> 버튼에서는 위쪽 또는 아래쪽에 행 삽입을 선택합니다. 표 끝에서는 Tab으로도 새 행을 만듭니다.</p><h2>셀 합치기와 나누기</h2><p>여러 셀을 끌어서 선택하고 <img src="1_Tables_image.png" width="19" height="19" alt="셀 합치기 버튼"> 버튼을 누릅니다. 옆 화살표를 누르면 인접한 위·아래·왼쪽·오른쪽 셀과 합치거나 셀을 가로 또는 세로로 나누는 메뉴가 나옵니다.</p><h2>표 속성</h2><p><img style="aspect-ratio:312/311;" src="2_Tables_image.png" width="312"
+    height="311" alt="표 속성 창"></p><p><img src="12_Tables_image.png"
+    width="19" height="19" alt="표 속성 버튼"> 버튼으로 표 전체의 바깥 테두리 모양과 색 및 두께를 바꿉니다. 배경색과 너비 및 높이도 지정할 수 있습니다. 크기는 <code>%</code> 또는 <code>px</code> 단위를 붙여 입력합니다. 왼쪽이나 오른쪽 정렬에서는 본문이 표 옆으로 흐릅니다. 가운데 정렬에서는 본문이 표 옆에 배치되지 않습니다. 변경 사항을 유지하려면 저장을 누르세요.</p><h2>셀 속성</h2><p><img style="aspect-ratio:320/386;" src="3_Tables_image.png" width="320"
+    height="386" alt="셀 속성 창"></p><p><img src="11_Tables_image.png" width="19"
+    height="19" alt="셀 속성 버튼"> 버튼은 선택한 셀에 적용됩니다. 테두리와 배경색 및 크기를 지정하고 셀 안쪽 여백을 조절합니다. 글자의 가로 정렬은 왼쪽·가운데·오른쪽·양쪽 맞춤을 지원합니다. 세로 정렬은 위·가운데·아래를 지원합니다. 변경 사항을 유지하려면 저장을 누르세요.</p><h2>표 설명</h2><p><img src="4_Tables_image.png" width="18" height="17" alt="표 설명 버튼"> 버튼을 누르면 표 위에 설명을 넣을 수 있습니다.</p><h2>보이지 않는 테두리</h2><p>글이나 <a href="#root/_help_mT0HEkOsz6i1">이미지</a>를 여러 칸으로 배치할 때 활용할 수 있습니다. 원하는 크기의 표를 만들고 전체를 선택합니다. 표 속성과 셀 속성에서 모두 테두리를 실선으로 지정하고 색을 <code>transparent</code>로 설정한 다음 두께를 <code>1px</code>로 입력합니다.</p><h2>Markdown으로 가져오기와 내보내기</h2><p>단순한 표는 <code>|</code>로 칸을 구분하는 GitHub 방식의 Markdown으로 내보냅니다. HTML 요소나 이미지 또는 별도 크기 설정이 들어간 복잡한 표는 HTML로 내보내 서식 손실을 줄입니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 9 · 표 속성 창</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Cancel</span>: 취소</li><li><span lang="en">Save</span>: 저장</li></ul><h3>이미지 11 · 셀 속성 창</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Cancel</span>: 취소</li><li><span lang="en">Save</span>: 저장</li><li><span lang="en">Text</span>: 텍스트</li></ul></section>
@@ -0,0 +1,79 @@
+<p>이 위젯은 새 설치의 <a class="reference-link"
+    href="#root/_help_6tZeKvSHEUiB">사용 예제</a>에도 포함됩니다. 프런트엔드 JavaScript <a class="reference-link" href="#root/_help_6f9hih2hXXZk">코드 노트</a>를 만들고 <code>#widget</code> 라벨을 지정하세요.</p><pre><code class="language-text-x-trilium-auto">/*
+ * 현재 텍스트 노트의 단어 수와 글자 수를 표시하는 위젯입니다.
+ * 사용할 노트에 wordCount 라벨을 지정하세요. 상속을 켜면 하위 트리 전체에 적용됩니다.
+ * 
+ * 책 예제와 그 하위 노트에서 확인할 수 있습니다.
+ */
+const TPL = `&lt;div style="padding: 10px; border-top: 1px solid var(--main-border-color); contain: none;"&gt;
+    &lt;strong&gt;단어 수: &lt;/strong&gt;
+    &lt;span class="word-count"&gt;&lt;/span&gt;
+
+    &amp;nbsp;
+
+    &lt;strong&gt;글자 수: &lt;/strong&gt;
+    &lt;span class="character-count"&gt;&lt;/span&gt;
+&lt;/div`;
+
+class WordCountWidget extends api.NoteContextAwareWidget {
+    get position() { return 100; } // 값이 클수록 아래쪽이나 오른쪽에 배치합니다.
+    
+    get parentWidget() { return 'center-pane'; }
+    
+    doRender() {
+        this.$widget = $(TPL);
+        this.$wordCount = this.$widget.find('.word-count');
+        this.$characterCount = this.$widget.find('.character-count');
+        return this.$widget;
+    }
+    
+    async refreshWithNote(note) {
+        if (note.type !== 'text' || !note.hasLabel('wordCount')) { 
+            // 텍스트 노트에 wordCount 라벨이 있을 때만 표시합니다.
+            this.toggleInt(false); // 숨기기
+            
+            return;
+        }
+        
+        this.toggleInt(true); // 표시하기
+        
+        const {content} = await note.getNoteComplement();
+        
+        const text = $(content).text(); // 서식 없이 글자만 가져오기
+        
+        const counts = this.getCounts(text);
+
+        this.$wordCount.text(counts.words);
+        this.$characterCount.text(counts.characters);
+    }
+    
+    getCounts(text) {
+        const chunks = text
+            .split(/[\s-+:,/\\]+/)
+            .filter(chunk =&gt; chunk !== '');
+        
+        let words;
+        
+        if (chunks.length === 1 &amp;&amp; chunks[0] === '') {
+            words = 0;
+        }
+        else {
+            words = chunks.length;
+        }
+        
+        const characters = chunks.join('').length;
+        
+        return {words, characters};
+    }
+    
+    async entitiesReloadedEvent({loadResults}) {
+        if (loadResults.isNoteContentReloaded(this.noteId)) {
+            this.refresh();
+        }
+    }
+}
+
+module.exports = new WordCountWidget();</code></pre><p>변경한 뒤 화면 구성을 다시 만들도록 <a href="#root/_help_s8alTXmpFR61">Trilium을 새로고침</a>하세요. 노트 아래에 다음과 같이 표시됩니다.</p><p><img style="aspect-ratio:792/603;" src="Word count widget_image.png" width="792"
+  height="603" alt="단어 수와 글자 수 위젯"></p><p>예제는 공백과 일부 기호로 나눈 조각을 단어로 셉니다. 한국어 형태소 분석에 따른 단어 수는 아닙니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 단어 수와 글자 수 위젯</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Language</span>: 언어</li><li><span lang="en">Time</span>: 시간</li><li><span lang="en">Book</span>: 북</li></ul></section>
@@ -0,0 +1,20 @@
+<p>주요 속성을 사용하면 스크립트에 필요한 값을 입력란으로 제공할 수 있습니다. 입력·출력 노트를 선택하게 하거나 체크박스로 동작을 바꾸는 데 유용합니다.</p><p><img src="Using promoted attributes .png" alt="스크립트 설정용 주요 속성"></p><h2>체크박스로 기능 켜고 끄기</h2><p>사용자가 코드의 논리값을 직접 수정하는 대신 체크박스를 제공할 수 있습니다. 먼저 다음 속성을 정의하세요.</p><pre><code class="language-text-x-trilium-auto">#label:groupByExtension="promoted,alias=확장자별로 묶기,single,boolean"</code></pre><p>스크립트에서는 다음처럼 값을 읽습니다.</p><pre><code class="language-application-javascript-env-backend">const byExtension = api.currentNote.getLabelValue("groupByExtension") === "true";
+if (byExtension) {
+	// 선택한 경우에 실행할 작업을 작성합니다.
+}</code></pre><p>이 방식은 프런트엔드와 백엔드 스크립트에서 모두 사용할 수 있습니다.</p><h2>관계로 노트 선택하기</h2><p>다른 노트에서 데이터를 읽고 결과를 별도 노트에 기록하려면 입력과 출력 관계를 주요 속성으로 정의합니다.</p><pre><code class="language-text-x-trilium-auto">#relation:input="promoted,alias=입력 노트,single" #relation:output="promoted,alias=출력 노트,single"</code></pre><p>필수 입력란이 비어 있는지 확인할 수 있습니다.</p><pre><code class="language-application-javascript-env-backend">const inputNoteId = api.currentNote.getRelationValue("input");
+if (!inputNoteId) {
+	api.showError("입력 노트를 선택하세요.");
+    return;
+}
+
+const outputNoteId = api.currentNote.getRelationValue("output");
+if (!outputNoteId) {
+    api.showError("출력 노트를 선택하세요.");
+    return;
+}</code></pre><p><code>api.showError</code>는 프런트엔드에서만 사용할 수 있습니다. 백엔드 스크립트에서는 이 호출을 제거해야 합니다. 제거하면 사용자에게 오류 이유가 표시되지 않으므로 필요한 경우 별도의 안내 방식을 마련하세요.</p><p>선택한 노트와 본문은 다음처럼 읽습니다.</p><pre><code class="language-application-javascript-env-backend">const note = api.getNote(inputNoteId);
+if (!note) {
+	return;
+}
+const content = note.getContent().toString("utf-8");</code></pre>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 스크립트 설정용 주요 속성</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Script</span>: 스크립트</li></ul></section>
@@ -0,0 +1,5 @@
+<h2>1. 테마를 모아 둘 노트 만들기</h2><p>직접 만든 테마와 가져온 테마를 한곳에 모으면 관리하기 쉽습니다. 먼저 테마를 보관할 상위 노트를 만드세요.</p><p><img src="Creating a custom theme_5_.png" alt="테마 보관용 노트"></p><h2>2. 테마 노트 만들기</h2><p>테마는 특별한 속성을 지정한 코드 노트입니다. 새 코드 노트를 만드세요.</p><p><img src="Creating a custom theme_3_.png" alt="새 코드 노트 만들기"></p><p>노트 유형을 CSS 코드로 바꿉니다.</p><p><img src="Creating a custom theme_1_.png" alt="CSS 유형 선택"></p><p>소유한 속성에 <code>#appTheme</code>를 추가하고 원하는 테마 이름을 값으로 지정하세요. 이 이름이 화면 설정의 테마 목록에 나타납니다.</p><p><img src="Creating a custom theme_Cr.png" alt="테마 이름 지정"></p><h2>3. 테마 CSS 작성하기</h2><p>다음 예제는 실행 도구 모음의 배경색을 파란색으로 바꿉니다.</p><pre><code class="language-text-css">:root {
+	--launcher-pane-background-color: #0d6efd;
+}</code></pre><h2>4. 테마 적용하기</h2><p><kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R</kbd>로 새로고침한 뒤 설정을 열면 새 테마가 목록에 나타납니다.</p><p><img src="Creating a custom theme_2_.png" alt="새 테마 선택"></p><p>테마를 선택하면 새 모양으로 화면이 갱신됩니다.</p><p><img src="Creating a custom theme_4_.png" alt="테마 적용 결과"></p><p>기본적으로 기존 테마를 바탕으로 합니다. 새 TriliumNext 테마를 기반으로 만들려면 <a href="#root/_help_WFGzWeUK6arS">테마 기반 선택</a>을 참고하세요.</p><h2>5. 테마 수정하기</h2><p>테마 노트의 CSS를 수정한 뒤 <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R</kbd>로 새로고침하면 반영됩니다. 창을 두 개 열어 한쪽에서는 편집하고 다른 쪽에서는 결과를 확인하면 편리합니다.</p>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · 테마 보관용 노트</h3><p>사용자 지정 테마 코드를 보관할 노트입니다. 노트 제목과 CSS 코드를 구분해서 입력하세요.</p><h3>이미지 2 · 새 코드 노트 만들기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Open in a new split</span>: 새 분할에서 열기</li><li><span lang="en">Hoist note</span>: 노트 호이스팅</li><li><span lang="en">New tab</span>: 새 탭</li><li><span lang="en">Theme</span>: 테마</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Code</span>: 코드</li></ul><h3>이미지 3 · CSS 유형 선택</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Basic Properties</span>: 기본 속성</li><li><span lang="en">Web View</span>: 웹 보기</li><li><span lang="en">Bookmark</span>: 북마크</li><li><span lang="en">Geo Map</span>: 지리 지도</li><li><span lang="en">Theme</span>: 테마</li><li><span lang="en">Plain</span>: 일반</li><li><span lang="en">Type</span>: 유형</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Code</span>: 코드</li><li><span lang="en">Beta</span>: 베타</li></ul><h3>이미지 4 · 테마 이름 지정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Theme</span>: 테마</li></ul><h3>이미지 5 · 새 테마 선택</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Color Scheme</span>: 색 구성표</li><li><span lang="en">Appearance</span>: 모양</li><li><span lang="en">Shortcuts</span>: 단축키</li><li><span lang="en">Options</span>: 옵션</li><li><span lang="en">Notes</span>: 노트</li><li><span lang="en">Other</span>: 기타</li><li><span lang="en">Theme</span>: 테마</li><li><span lang="en">Light</span>: 라이트</li><li><span lang="en">Text</span>: 텍스트</li><li><span lang="en">Sync</span>: 동기화</li><li><span lang="en">Auto</span>: 자동</li><li><span lang="en">Dark</span>: 다크</li></ul><h3>이미지 6 · 테마 적용 결과</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Application Theme</span>: 애플리케이션 테마</li><li><span lang="en">Localization</span>: 지역화</li><li><span lang="en">Quick search</span>: 빠른 검색</li><li><span lang="en">Horizontal</span>: 가로</li><li><span lang="en">Appearance</span>: 모양</li><li><span lang="en">Shortcuts</span>: 단축키</li><li><span lang="en">Advanced</span>: 고급</li><li><span lang="en">Language</span>: 언어</li><li><span lang="en">Vertical</span>: 세로</li><li><span lang="en">Password</span>: 비밀번호</li><li><span lang="en">Launcher</span>: 실행 도구</li><li><span lang="en">Options</span>: 옵션</li></ul></section>
@@ -0,0 +1,13 @@
+<p>사용자가 선택한 테마와 관계없이 애플리케이션 전체에 적용할 CSS를 지정할 수 있습니다.</p><ul><li>새 노트를 만들고 유형을 CSS로 설정합니다.<p><img src="Custom app-wide CSS_image.png" alt="CSS 노트 만들기"></p></li><li>상단 리본의 직접 지정한 속성에서 <code>#appCss</code>를 입력합니다.<p><img src="1_Custom app-wide CSS_image.png" alt="appCss 라벨 지정"></p></li><li>원하는 CSS를 작성합니다. 다른 스타일이 덮어쓰지 않도록 필요한 속성에 <code>!important</code>를 붙일 수 있습니다.<p><img src="2_Custom app-wide CSS_image.png" alt="CSS 작성 예시"></p></li></ul><h2>변경 사항 확인하기</h2><p>애플리케이션 CSS 노트를 추가하거나 수정해도 바로 반영되지는 않습니다. <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R</kbd>로 페이지를 새로고침하세요.</p><h2>활용 예시: 인쇄 스타일 바꾸기</h2><p>인쇄하거나 PDF로 내보낼 때의 모양은 <code>@media</code> 규칙을 사용하는 CSS 노트로 바꿀 수 있습니다. 다음 예제는 인쇄 글꼴을 명조 계열로 지정합니다.</p><pre><code class="language-text-x-trilium-auto">@media print {
+
+	body {
+
+        --main-font-family: serif !important;
+
+        --detail-font-family: var(--main-font-family) !important;
+
+    }
+
+}</code></pre>
+
+<section class="korean-image-guide"><h2>예전 화면 이미지 읽는 법</h2><p>아래 설명은 본문에 나온 이미지 순서에 맞췄습니다. 이미지는 원본을 유지했으므로 영문 메뉴가 보일 수 있습니다. 현재 앱에서는 한국어 메뉴를 사용합니다. 코드와 주소 및 제품 이름은 원래 표기를 따릅니다.</p><h3>이미지 1 · CSS 노트 만들기</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note type</span>: 노트 유형</li><li><span lang="en">Plain</span>: 일반</li><li><span lang="en">Text</span>: 텍스트</li></ul><h3>이미지 2 · appCss 라벨 지정</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Owned Attributes</span>: 소유한 속성</li><li><span lang="en">new note</span>: 새 노트</li></ul><h3>이미지 3 · CSS 작성 예시</h3><p>화면에서 사용하는 주요 표현은 다음과 같습니다.</p><ul><li><span lang="en">Note</span>: 참고</li></ul></section>
--- a/Show More
+++ b/Show More