13 lines
8.5 KiB
JavaScript
13 lines
8.5 KiB
JavaScript
const p=s=>'<p>'+s+'</p>';const ul=xs=>'<ul>'+xs.map(s=>'<li>'+s+'</li>').join('')+'</ul>';
|
|
export default {
|
|
129:({a,img})=>p('관계 지도는 '+a(0,'노트')+'와 노트 사이의 '+a(1,'관계')+'를 시각적으로 표시하는 유형입니다.')+'<h2>개발 과정 예제</h2>'+p(img(0,'개발 과정 관계 지도'))+p(img(1,'개발 과정 관계 지도 만들기'))+p('개발 과정이라는 노트를 만들고 관계 지도 유형으로 바꿉니다. 요구 사항과 개발 및 시험과 시연 노트를 차례로 만들고 지도에서 위치를 선택하세요. 노트 사이에 '+a(2,'관계')+'를 끌어서 연결한 뒤 이름을 지정합니다. 지도 항목은 실제 하위 노트이므로 열어 본문을 작성할 수도 있습니다. 연결선은 '+a(3,'관계 속성')+'입니다.')+'<h2>가족 관계 예제</h2>'+p('아래는 과거 영국 왕실 인물을 이용한 예제입니다. 인물의 호칭은 원문 작성 당시를 따릅니다.')+p(img(2,'가족 관계 지도'))+p(img(3,'가족 관계 지도 만드는 과정'))+p('빈 지도에 필립 공과 엘리자베스 2세 노트를 끌어 놓습니다. 두 노트에 지정된 <code>isPartnerOf</code> '+a(4,'관계')+'가 자동으로 표시됩니다. 양쪽 방향에 관계가 하나씩 있습니다.')+p('찰스 왕자 노트를 만들고 두 사람을 향한 <code>isChildOf</code> 관계를 추가합니다. '+a(5,'관계 정의')+'에서 '+a(6,'역방향 관계')+'를 설정했으므로 부모에서 자녀를 향하는 연결도 자동으로 생깁니다. 다이애나 비 노트를 만들고 배우자 관계를 연결하면 반대 방향도 함께 만들어집니다. 마지막으로 지도를 이동하고 확대 비율을 조정하세요.')+p('관계 정의는 가족 관계도의 하위 노트에 적용된 인물 템플릿에서 가져옵니다. '+a(7,'기본 예제')+'에서 직접 확인할 수 있습니다.')+'<h2>표시할 관계 선택</h2>'+p('<code>displayRelations</code> 라벨에 관계 이름을 쉼표로 구분해 지정하면 해당 관계만 표시합니다. 반대로 <code>hideRelations</code>에 이름을 지정하면 해당 관계를 제외합니다. 이 쉼표는 설정 문법의 구분자입니다.')+'<h2>관련 문서</h2>'+p(a(8,'노트 지도')+'도 비슷한 방식으로 노트 사이의 연결을 보여 줍니다.'),
|
|
130:({a,img})=>p('템플릿은 다른 노트의 기본 구조를 정하는 노트입니다. 템플릿을 적용받는 노트에는 다음 효과가 있습니다.')+ul(['템플릿의 모든 속성을 '+a(0,'상속')+'합니다. 상속 가능으로 표시하지 않은 속성도 대상 노트에는 적용됩니다. 대상 노트의 하위 노트에는 상속 가능한 속성만 이어집니다.','대상 노트의 본문이 비어 있으면 템플릿 본문을 복사합니다.','템플릿의 하위 노트를 그 아래 단계까지 별도의 사본으로 복사합니다.'])+'<h2>예제</h2>'+p('책 템플릿에는 출간 연도와 저자 같은 '+a(1,'주요 속성')+'을 넣고 주제와 결론 등의 독후감 틀을 작성할 수 있습니다. 인상 깊은 구절과 요약용 하위 노트도 함께 만들 수 있습니다.')+p(img(0,'책 템플릿'))+'<h2>템플릿 적용 노트</h2>'+p('메뉴에서 템플릿을 선택해 노트를 만들 수 있습니다.')+p(img(1,'하위 노트 템플릿 선택'))+p('선택 목록에 나오게 하려면 템플릿 노트에 <code>#template</code> 라벨을 지정하세요. 대상 노트를 연결하는 <code>~template</code> 관계와는 다릅니다. '+a(2,'작업 공간')+'에서만 표시하려면 <code>#workspaceTemplate</code>을 사용합니다.')+p('이미 만든 노트도 <code>~template</code> 관계를 추가하거나 바꿔 템플릿을 지정할 수 있습니다. 새 하위 노트의 기본 템플릿은 <code>~child:template</code>로 지정합니다. <code>~child:child:template</code>처럼 여러 단계에 적용할 수도 있습니다.')+p('복사 상속은 노트를 만드는 시점에 적용됩니다. 상위 노트의 설정을 나중에 바꿔도 기존 하위 노트에 복사되어 있는 단계별 설정이 자동으로 갱신되지는 않습니다.')+'<h2>추가 활용</h2>'+p('<code>#iconClass</code>와 <code>#cssClass</code>를 템플릿에 지정하면 관련 노트의 아이콘과 모양을 통일할 수 있습니다. '+a(3,'사용 예제')+'의 '+a(4,'관계 지도')+'와 '+a(5,'할 일 관리')+' 및 '+a(6,'날짜별 노트')+'를 참고하세요.')+p(a(7,'기본 노트 제목')+'의 제목 템플릿과 함께 사용할 수도 있습니다. 노트 템플릿에 <code>#titleTemplate</code>을 지정하세요.'),
|
|
131:({a,img})=>p('JPEG와 PNG 및 GIF 이미지를 저장하고 표시할 수 있습니다. 노트의 '+a(0,'첨부 파일')+'로 넣거나 별도 '+a(1,'이미지 노트')+'로 '+a(2,'노트 트리')+'에 둘 수 있습니다. 참조를 텍스트 노트에 붙이면 본문에도 표시할 수 있습니다.')+'<h2>이미지 넣기</h2>'+p('파일 탐색기에서 편집기로 이미지를 끌어 놓으세요.')+p(img(0,'이미지 끌어 놓기'))+p('블록 도구 모음에서 이미지 삽입을 선택할 수도 있습니다.')+p(img(1,'이미지 삽입 메뉴'))+p('웹의 이미지를 복사해 붙이면 이미지를 내려받아 본문에 포함합니다.')+'<h2>이미지 배치</h2>'+p('이미지를 누르면 설정 팝업이 나타납니다.')+p(img(2,'이미지 설정'))+[
|
|
['문장 안에 배치','글자처럼 문단 안에 놓습니다. 끌어서 옮기거나 잘라내고 붙여넣을 수 있습니다.'],
|
|
['가운데 배치','별도 블록으로 가운데에 표시하며 좌우에 글자가 흐르지 않습니다.'],
|
|
['글자로 둘러싸기','글자의 왼쪽이나 오른쪽에 이미지를 표시합니다.'],
|
|
['블록 정렬','별도 블록을 왼쪽이나 오른쪽으로 정렬합니다. 이미지 옆에는 글자가 흐르지 않습니다.']
|
|
].map(([t,s],i)=>'<h3>'+t+'</h3>'+p(img(3+i*2,t+' 버튼'))+p(img(4+i*2,t+' 예시'))+p(s)).join('')+'<h2>압축</h2>'+p('Trilium은 업로드한 이미지를 저장하기 전에 크기를 줄이고 압축하므로 품질이 달라질 수 있습니다. '+a(3,'설정')+' → 기타에서 기본 품질을 조정할 수 있습니다. 원본 해상도를 보존하려면 '+a(4,'노트 메뉴')+' → 파일 가져오기로 첨부하세요.')+'<h2>이미지를 나란히 놓기</h2>'+p('크기가 비슷하면 문장 안에 배치한 뒤 같은 줄로 끌어 놓으세요. 크기가 다르면 테두리를 숨긴 '+a(5,'표')+'의 각 칸에 넣을 수 있습니다.'),
|
|
132:({a,img,pre})=>'<h2>노트의 내부 형식</h2>'+p('본문을 저장하는 방식은 '+a(0,'노트 유형')+'마다 다릅니다.')+ul([a(1,'텍스트 노트')+'는 '+a(2,'CKEditor')+'가 사용하는 HTML로 저장합니다. 안내 상자처럼 Trilium 전용 요소도 있습니다.',a(3,'코드 노트')+'는 입력한 텍스트를 그대로 저장합니다.',a(4,'지리 지도')+'는 위치와 확대 비율 등의 JSON을 저장합니다.',a(5,'캔버스')+'는 '+a(6,'Excalidraw')+'의 JSON과 Trilium용 정보를 함께 저장합니다.',a(7,'마인드맵')+'은 '+a(8,'MindElixir')+'의 JSON 형식을 사용합니다.'])+p('일부 정보는 '+a(9,'첨부 파일')+'에 저장합니다. '+a(10,'캔버스')+'는 사용자 라이브러리를 첨부하며 '+a(11,'마인드맵')+' 등은 다른 노트에 포함하거나 공유할 때 사용할 SVG 미리보기도 첨부합니다.')+p('다음은 이 문서의 HTML 형식을 설명하는 예제입니다.')+pre(0).replace('Understanding the source code of the different notes','노트의 내부 형식').replace('Internally, the structure of the content of each note is different based on the&nbsp;','본문을 저장하는 방식은 다음 유형에 따라 다릅니다.&nbsp;').replace('Note Types','노트 유형')+'<h2>소스 보기</h2>'+p(a(12,'노트 메뉴')+'에서 노트 소스를 선택하면 새 탭에서 열립니다. 텍스트 노트처럼 일부 유형은 읽기 편하도록 들여쓰기를 적용합니다.')+p(img(0,'노트 소스 화면'))+'<h2>소스 수정</h2>'+p('소스 보기 화면에서 직접 편집할 수는 없습니다. 수정하려면 노트 유형을 일반 텍스트나 JSON 또는 HTML 코드로 바꾸고 경고를 확인한 뒤 본문을 고치세요. 작업 후에는 원래 유형으로 되돌립니다.')+p('형식을 잘못 수정하면 노트가 표시되지 않을 수 있습니다. 먼저 이전 버전을 저장하세요. 문제가 생기면 소스를 다시 수정하거나 이전 버전으로 복원합니다. 화면이 정상으로 돌아오지 않으면 새로고침이 필요할 수 있습니다.')
|
|
};
|