14 lines
12 KiB
JavaScript
14 lines
12 KiB
JavaScript
const p=s=>'<p>'+s+'</p>'; const list=xs=>'<ul>'+xs.map(x=>'<li>'+x+'</li>').join('')+'</ul>';
|
|
export default {
|
|
65:({img,pre})=>p('사용자가 선택한 테마와 관계없이 애플리케이션 전체에 적용할 CSS를 지정할 수 있습니다.')+list(['새 노트를 만들고 유형을 CSS로 설정합니다.'+p(img(0,'CSS 노트 만들기')),'상단 리본의 직접 지정한 속성에서 <code>#appCss</code>를 입력합니다.'+p(img(1,'appCss 라벨 지정')),'원하는 CSS를 작성합니다. 다른 스타일이 덮어쓰지 않도록 필요한 속성에 <code>!important</code>를 붙일 수 있습니다.'+p(img(2,'CSS 작성 예시'))])+'<h2>변경 사항 확인하기</h2>'+p('애플리케이션 CSS 노트를 추가하거나 수정해도 바로 반영되지는 않습니다. <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R</kbd>로 페이지를 새로고침하세요.')+'<h2>활용 예시: 인쇄 스타일 바꾸기</h2>'+p('인쇄하거나 PDF로 내보낼 때의 모양은 <code>@media</code> 규칙을 사용하는 CSS 노트로 바꿀 수 있습니다. 다음 예제는 인쇄 글꼴을 명조 계열로 지정합니다.')+pre(0),
|
|
66:({a,img})=>p(img(0,'설정 화면'))+p('설정에서 TriliumNext 클라이언트와 서버의 동작을 바꿀 수 있습니다.')+'<h2>설정 열기</h2>'+list([a(0,'전체 메뉴')+'에서 설정을 선택합니다.',a(1,'실행 도구 모음')+'의 '+img(1,'설정 버튼')+'을 누릅니다. 필요하지 않으면 이 버튼을 숨길 수도 있습니다.','설정 열기에 단축키를 지정할 수 있습니다. 기본 단축키는 없습니다.',a(2,'설정 바로가기')+'를 눌러 열 수도 있습니다.'])+p('설정을 연 뒤 '+a(3,'노트 트리')+'에서 원하는 설정 범주를 선택하세요.')+'<h2>설정 닫기</h2>'+p('설정은 새 '+a(4,'탭')+'에서 열립니다. 해당 탭을 닫으면 됩니다.')+'<h2>설정 동기화</h2>'+p(a(5,'동기화')+'를 사용하면 일부 설정은 모든 기기에 함께 적용됩니다. 나머지 설정은 기기마다 다르게 지정할 수 있습니다.')+p('테마와 화면의 가로·세로 배치 및 코드 블록 테마처럼 화면 표시와 관련된 설정은 각 기기에 맞게 조정할 수 있도록 일반적으로 동기화하지 않습니다.'),
|
|
67:({a,img})=>p(img(0,'목차 예시'))+p('텍스트 노트에 여러 제목이 있으면 '+a(0,'오른쪽 사이드바')+'에 목차가 자동으로 표시됩니다.')+'<h2>사용 방법</h2>'+list(['목차의 제목을 누르면 본문에서 해당 위치로 이동합니다.','닫기 버튼으로 목차를 숨길 수 있습니다. 다시 표시하려면 '+a(1,'떠 있는 버튼')+' 영역을 이용하세요.'])+'<h2>전체 설정</h2>'+p(a(2,'텍스트 노트 설정')+'의 목차 항목에서 목차를 표시하는 데 필요한 최소 제목 수를 지정할 수 있습니다.')+list(['항상 숨기려면 10000처럼 매우 큰 값을 지정하세요.','제목이 하나라도 있을 때 표시하려면 1로 지정하세요.'])+'<h2>노트별 설정</h2>'+p(a(3,'속성')+'으로 특정 노트의 목차 표시 여부를 지정할 수 있습니다.')+list(['<code>#toc=show</code> — 전체 설정과 관계없이 목차를 표시합니다.','<code>#toc=hide</code> — 해당 노트의 목차를 항상 숨깁니다.']),
|
|
68:({a,img})=>p(img(0,'강조 목록 예시'))+p(a(0,'목차')+'와 비슷하지만 제목 대신 강조한 글자를 모아 보여 줍니다. 강조한 내용이 하나 이상 있으면 '+a(1,'오른쪽 사이드바')+'에 목록이 나타납니다.')+p('다음 서식을 적용한 글자가 강조 목록에 포함됩니다.')+list(['굵게','기울임꼴','밑줄','글자색','배경색이나 형광펜'])+'<h2>사용 방법</h2>'+list(['목록의 항목을 누르면 본문의 해당 위치로 이동합니다.','닫기 버튼으로 목록을 숨길 수 있습니다. '+a(2,'떠 있는 버튼')+' 영역에서 다시 표시할 수 있습니다.'])+'<h2>전체 설정</h2>'+p(a(3,'텍스트 노트 설정')+'의 강조 목록 항목에서 목록에 포함할 서식 종류를 선택할 수 있습니다.')+'<h2>노트별 설정</h2>'+p('특정 노트에서 강조 목록을 숨기려면 '+a(4,'속성')+'에 <code>#hideHighlightWidget</code> 라벨을 추가하세요.'),
|
|
69:({a})=>p('데스크톱에 Trilium을 설치하는 순서입니다.')+list(['<strong>설치 파일 내려받기</strong> — GitHub의 '+a(0,'최신 릴리스 페이지')+'에서 운영체제에 맞는 실행 파일 패키지를 내려받습니다.','<strong>압축 풀기</strong> — 원하는 폴더에 압축을 풉니다.','<strong>실행하기</strong> — 압축을 푼 폴더의 <code>trilium</code> 실행 파일을 엽니다.'])+'<h2>시작 스크립트</h2>'+p('용도에 따라 다음 스크립트를 사용할 수 있습니다.')+list(['<code>trilium-no-cert-check</code> — '+a(1,'TLS 인증서')+'를 검증하지 않고 실행합니다. 자체 서명 인증서를 사용하는 서버에 연결할 때 사용할 수 있습니다. 실행 전에 <code>NODE_TLS_REJECT_UNAUTHORIZED=0</code> 환경 변수를 지정하는 방법도 있습니다.','<code>trilium-portable</code> — 이동식 모드로 실행합니다. 애플리케이션 폴더 안에 '+a(2,'데이터 폴더')+'를 만들어 프로그램과 데이터를 함께 옮기기 쉽습니다.','<code>trilium-safe-mode</code> — 안전 모드로 실행합니다. 실행 중 오류를 일으킬 수 있는 사용자 시작 스크립트를 비활성화합니다.'])+'<h2>동기화</h2>'+p('데스크톱 앱의 데이터를 서버와 동기화하려면 '+a(3,'동기화 안내')+'를 참고하세요.'),
|
|
70:({a,img})=>p('노트 트리에서 노트를 이동하고 구조를 정리하는 방법을 설명합니다.')+p(img(0,'노트 트리'))+'<h2>끌어서 놓기</h2>'+p(img(1,'노트를 끌어서 이동하는 예시'))+p('노트를 원하는 위치로 끌어서 놓으면 트리의 순서와 구조를 바꿀 수 있습니다.')+'<h2>키보드로 이동하기</h2>'+p(img(2,'키보드로 노트를 이동하는 예시'))+p('다음 '+a(0,'단축키')+'를 사용할 수 있습니다.')+list(['<kbd>Ctrl</kbd>+<kbd>↑</kbd> 또는 <kbd>Ctrl</kbd>+<kbd>↓</kbd> — 같은 단계에서 노트를 위아래로 이동합니다.','<kbd>Ctrl</kbd>+<kbd>←</kbd> — 노트를 한 단계 위로 올립니다. 현재 상위 노트의 상위 노트 아래로 옮깁니다.','<kbd>Ctrl</kbd>+<kbd>→</kbd> — 바로 위에 있는 노트의 하위 노트로 옮깁니다.','<kbd>←</kbd>와 <kbd>→</kbd> — 하위 트리를 접거나 펼칩니다.'])+'<h2>오른쪽 클릭 메뉴</h2>'+p('잘라내기와 붙여넣기로도 노트를 이동할 수 있습니다. 관련 '+a(1,'단축키')+'는 <kbd>Ctrl</kbd>+<kbd>C</kbd>('+a(2,'복사')+')와 <kbd>Ctrl</kbd>+<kbd>X</kbd>(잘라내기) 및 <kbd>Ctrl</kbd>+<kbd>V</kbd>(붙여넣기)입니다.')+p('자세한 내용은 '+a(3,'노트 트리 메뉴')+'를 참고하세요.'),
|
|
71:({a,img})=>p('Trilium '+a(0,'서버 버전')+'은 스마트폰과 태블릿의 터치 조작에 맞춘 모바일 웹 화면을 제공합니다. 로그인할 때 브라우저를 감지해 자동으로 전환합니다.')+p('모바일 화면은 데스크톱 화면보다 지원하는 기능이 적습니다. Android나 iOS에 설치하는 별도 앱이 아니라 '+a(1,'서버 버전')+'에서 제공하는 웹페이지입니다.')+'<h2>화면 예시</h2><h3>스마트폰</h3>'+p(img(0,'스마트폰 화면'))+'<h3>태블릿</h3>'+p(img(1,'태블릿 화면'))+'<h2>제한 사항</h2>'+list(['전체 노트 트리를 탐색하고 모든 유형의 노트를 읽거나 편집할 수 있습니다. 새로 만들 수 있는 유형은 텍스트 노트뿐입니다.',a(2,'보호된 노트')+'를 읽거나 편집할 수 있지만 새로 보호된 노트를 만들 수는 없습니다.','설정 변경을 지원하지 않습니다.','노트 복제를 지원하지 않습니다.','첨부 파일 업로드를 지원하지 않습니다.'])+'<h2>화면 종류 직접 선택하기</h2>'+p('자동으로 선택된 화면이 적합하지 않으면 로그인 페이지 주소에 <code>?mobile</code> 또는 <code>?desktop</code>을 붙이세요. 먼저 로그아웃해야 할 수도 있습니다.')+'<h2>스크립트</h2>'+p('일반 화면처럼 '+a(3,'스크립트')+'로 동작을 바꿀 수 있습니다. 모바일 화면을 시작할 때 실행할 스크립트 노트에는 <code>#run=mobileStartup</code> 라벨을 지정하세요.'),
|
|
72:({a,pre})=>'<h2>설정</h2>'+p('웹 보기에서 열 주소는 <code>webViewSrc</code> '+a(0,'라벨')+'로 지정합니다. 예시는 다음과 같습니다.')+pre(0)+'<h2>서버와 데스크톱 앱의 차이</h2>'+p('웹브라우저로 Trilium에 접속한 경우에도 웹 보기는 지정한 페이지를 표시하려고 시도합니다. 다만 브라우저의 보안 정책 때문에 데스크톱 앱보다 제약이 많습니다.')+p('일부 웹사이트는 <code>X-Frame-Options</code> 헤더로 다른 사이트 안에 표시되는 것을 막습니다. Trilium에서 이 제한을 우회할 수 없으므로 해당 페이지는 표시되지 않습니다.')+p('원인을 확인하려면 Trilium 페이지를 마우스 오른쪽 버튼으로 클릭해 검사를 연 뒤 개발자 도구의 콘솔 탭을 확인하세요. 다음과 같은 오류가 나타날 수 있습니다.')+list(['<code>Refused to display \'https://www.google.com/\' in a frame because it set \'X-Frame-Options\' to \'sameorigin\'.</code> — 같은 출처의 프레임만 허용하므로 표시를 거부했다는 뜻입니다.','<code>Refused to frame \'https://duckduckgo.com/\' because an ancestor violates the following Content Security Policy directive: "frame-ancestors \'self\' https://html.duckduckgo.com".</code> — 상위 페이지가 콘텐츠 보안 정책의 허용 범위에 포함되지 않는다는 뜻입니다.'])+p('<code>wikipedia.org</code>처럼 표시를 허용하는 사이트도 있습니다.')+p('서버 버전에서는 별도의 샌드박스 제한도 적용합니다. 위의 프레임 차단과 다른 문제가 있으면 문제를 보고해 주세요.')+p('데스크톱 앱은 <code>iframe</code> 대신 <code>webview</code> 기술을 사용하므로 이와 같은 프레임 제약을 받지 않습니다.'),
|
|
73:({a,pre})=>p('이 버전의 Trilium은 다중 사용자를 지원하지 않습니다. 여러 사람이 각자의 노트를 사용하려면 서버 인스턴스를 따로 설치해야 합니다. 여러 '+a(0,'동기화')+' 서버를 동시에 사용하는 것도 지원하지 않습니다.')+p('물리 서버 한 대에서 여러 인스턴스를 실행하는 방법은 다음과 같습니다.')+p(a(1,'Linux 패키지')+'나 '+a(2,'수동 설치')+'를 사용한다면 인스턴스마다 포트와 데이터 폴더를 다르게 지정하세요.')+pre(0)+p('두 번째 인스턴스의 예시입니다.')+pre(1)+p('<code>systemd</code>를 사용한다면 '+a(3,'서비스 설정에 환경 변수를 지정')+'하세요.')+p(a(4,'Docker')+'에서는 컨테이너를 각각 만들고 포트 연결과 데이터 폴더를 다르게 지정하면 됩니다.')+p(a(5,'NixOS')+'에서는 Docker OCI 컨테이너를 사용하거나 별도의 서비스 정의를 가진 NixOS 컨테이너를 하나 이상 사용해야 합니다.')+p('관련 설명과 도움은 '+a(6,'GitHub 토론')+'을 참고하세요.'),
|
|
74:({a,img})=>p('텍스트 노트의 서식 도구 모음은 두 가지 방식 중에서 선택할 수 있습니다.')+p(a(0,'설정')+' → '+a(1,'텍스트 노트')+'의 서식 도구 모음 항목에서 표시 방식을 바꾸세요.')+'<h2>떠 있는 도구 모음</h2>'+p('평소에는 도구 모음을 숨기고 필요한 순간에 두 종류의 팝업으로 서식 옵션을 표시합니다.')+'<h3>문단 서식 팝업</h3>'+p('편집 중인 문단 왼쪽에 점 모양 버튼이 나타납니다.')+p(img(0,'문단 서식 버튼'))+p('버튼을 누르면 제목과 목록 및 표처럼 문단 전체에 적용하는 옵션이 표시됩니다.')+p(img(1,'문단 서식 팝업'))+'<h3>글자 서식 팝업</h3>'+p('글자를 선택하면 자동으로 나타납니다.')+p(img(2,'글자 서식 팝업'))+p('글자 크기와 굵게 등 선택한 글자에만 적용하는 옵션을 제공합니다.')+'<h2>고정 도구 모음</h2>'+p('서식을 자주 적용한다면 모든 옵션이 한곳에 표시되는 고정 도구 모음이 편리합니다. '+a(2,'상단 리본')+'에 도구 모음이 표시됩니다.')+p(img(3,'고정 서식 도구 모음'))+p('화면 너비가 부족하면 나머지 옵션은 끝부분의 더 보기 메뉴에 모입니다. 서식 도구 모음 설정에서 여러 줄 표시를 선택하면 옵션을 여러 줄로 배치할 수 있습니다.')
|
|
};
|