책 씹어먹는 즐거움

문서는 Anki 2.0 유저 매뉴얼을 번역한 문서입니다.

기본적으로 구글 번역을 통해서 초벌을 번역하고 이를 수정하는 방식으로 번역했습니다. 

또한, 본문에 충실한 직역보다는 매뉴얼을 숙지하기 쉽도록 의역 위주로 번역하였습니다.

Anki 매뉴얼 전체 개요 페이지 가기

Cards and Templates

 Javascript(자바스크립트)

Anki 매뉴얼 전체 개요 페이지 가기

문서는 Anki 2.0 유저 매뉴얼을 번역한 문서입니다.

기본적으로 구글 번역을 통해서 초벌을 번역하고 이를 수정하는 방식으로 번역했습니다. 

또한, 본문에 충실한 직역보다는 매뉴얼을 숙지하기 쉽도록 의역 위주로 번역하였습니다.

Anki 매뉴얼 전체 개요 페이지 가기

Cards and Templates

 Installing Fonts(글꼴 설치하기)

Anki를 직장이나 학교의 컴퓨터를 통하여 사용하거나 하여 새로운 글꼴을 설치할 권한이 없을 수 있다.

또는, Anki를 모바일 기기에서 사용하고 있을 수도 있다.

이러한 경우 해당 글꼴을 사용하는 디바이스를 통하여 사용하지 않고 Anki에 직접 글꼴을 등록하여 쓸 수 있다.

이 모든 절차를 완료한 후에 템플릿을 다음과 같이 업데이트할 필요가 있다.

이러한 작업을 모두 수행한 다음부터는 전체 카드의 글꼴을 변경하거나 개별 필드의 글꼴을 변경할 수 있다.

전체 카드의 글꼴을 변경하려면 카드창의 스타일 섹션에서 .card의 중괄호 속에 있는 font-family: 행을 찾아 글꼴을 "myfont"로 변경하면 된다.

특정 필드의 글꼴만 변경하려면 앞서 설명한 필드 꾸미기 섹션을 참조하라.

<Mac에서 글꼴>

현재 내장된 글꼴은 OS X에서 기능하지 않는다. 사용자 정의 글꼴은 여전히 사용가능하지만 전체 시스템에 설치해야만 쓸수 있다.

Mac에서 시스템에 글꼴을 설치하려면 다음을 참조하라.

 http://support.apple.com/kb/HT2435?viewlocale=en_US&locale=en_US

Mac에서는 컴퓨터의 시스템 글꼴을 사용하고 다른 기기에서는 내장된 글꼴을 사용하도록 Anki를 설정할 수 있다.

우선, 카드의 앞면 또는 뒷면의 템플릿에 꾸미고 싶은 필드를 다음의 코드로 감싼다.

다음의 예에서 "FieldName"을 원하는 이름의 필드로 대체하면 된다.

그리고 스타일 섹션에서 위에서 언급한 font-face를 적용한 행의 다음에 이 문구들을 추가한다.

"Helvetica"를 시스템에 설치한 글꼴의 이름으로 변경하면 된다.

"myfont"는 내장된 글꼴을 참조하므로 그대로 유지하라.

Anki 매뉴얼 전체 개요 페이지 가기

문서는 Anki 2.0 유저 매뉴얼을 번역한 문서입니다.

기본적으로 구글 번역을 통해서 초벌을 번역하고 이를 수정하는 방식으로 번역했습니다. 

또한, 본문에 충실한 직역보다는 매뉴얼을 숙지하기 쉽도록 의역 위주로 번역하였습니다.

Anki 매뉴얼 전체 개요 페이지 가기

Cards and Templates

 Platform-Specific CSS(특정 플랫폼별 CSS)

Anki는 여러 플랫폼에서 다른 스타일을 정의할 수 있는 몇 가지 특수 CSS 클래스를 정의하고 있다.

아래 예는 어느 플랫폼에서 학습하느냐에 따라서 다른 글꼴을 적용하고 있는 경우이다.

.win .jp { font-family: "MS Mincho"; }
.mac .jp { font-family: "Hiragino Mincho Pro"; }
.linux .jp { font-family: "Kochi Mincho"; }
.mobile .jp { font-family: "Hiragino Mincho ProN"; }

그리고 템플릿에서 다음과 같이 작성한다.

<div class=jp>{{Field}}</div>

Anki 매뉴얼 전체 개요 페이지 가기

문서는 Anki 2.0 유저 매뉴얼을 번역한 문서입니다.

기본적으로 구글 번역을 통해서 초벌을 번역하고 이를 수정하는 방식으로 번역했습니다. 

또한, 본문에 충실한 직역보다는 매뉴얼을 숙지하기 쉽도록 의역 위주로 번역하였습니다.

Anki 매뉴얼 전체 개요 페이지 가기

Cards and Templates

 RTL (right to left) text(오른쪽에서 왼쪽으로 읽는 텍스트)

오른쪽에서 왼쪽으로 읽는 언어들이 있다.

이러한 언어를 Anki로 배우려면 다음과 같이 템플릿을 조정해야 한다.

만일, 매뉴얼에서 이 부분으로 바로 들어와서 오른쪽에서 왼쪽으로 읽는 텍스트를 해결하려고 한다면

이 섹션의 시작부분과 필드 입맛대로 사용하기 섹션을 같이 참조하길 바란다.

(해당 사례를 찾기 어려워, 일단 매뉴얼만 번역함)

Anki 매뉴얼 전체 개요 페이지 가기

문서는 Anki 2.0 유저 매뉴얼을 번역한 문서입니다.

기본적으로 구글 번역을 통해서 초벌을 번역하고 이를 수정하는 방식으로 번역했습니다. 

또한, 본문에 충실한 직역보다는 매뉴얼을 숙지하기 쉽도록 의역 위주로 번역하였습니다.

Anki 매뉴얼 전체 개요 페이지 가기

Cards and Templates

 Browser Appearance(탐색기에서 표시할 때)

이제까지 카드의 템플릿을 사용하는 법을 배워왔다.

아마도 기존의 단순한 카드의 앞면에 질문을, 뒷면에 답을 놓는 단순한 방식에서 다양한 필드가 조합되어 있는 복잡한 방식으로 변경되어 왔을 것이다.

카드의 템플릿이 복잡해질 경우 나중에 이를 정리하는게 어려울 수 있다.

가령, Anki의 탐색기(브라우저)에서는 카드와 노트들을 다양하게 검색하여 편집할 수 있는 기능을 제공하는데, 이 때, 카드의 앞뒷면이 너무나 복잡하게 구성되어 있을 경우, 이를 해당 카드의 핵심을 파악하기 어려울 수 있다.

가령, 탐색기(브라우저)에서 어떤 단어를 검색하면 해당 단어에 따른 카드 리스트를 제공해준다.

이 때, 카드 리스트만 보면서 필요한 카드와 그렇지 않은 카드를 찾으려고 하는데, 카드가 너무 복잡할 경우 이를 파악하기 어려울 수 있다.

이러한 일을 방지하기 위하여 Anki에서는 카드창의 하단에서 그밖에 → "탐색기에서 표시할 때" 옵션을 제공한다.

이 옵션을 사용하면 탐색기(브라우저)에서만 사용되는 사용자 정의 템플릿을 다시 정의할 수 있다.

즉, 탐색기(브라우저)에서 카드를 정리하고 편집할 때, 현재 카드의 복잡한 템플릿 중에서 가장 중요한 것만 정리하여 탐색기(브라우저)에서는 해당 템플릿으로 사용할 수 있다는 말이다.

아래와 같이 탐색기에서 사용할 앞면 서식(템플릿)과 뒷면 서식(템플릿)을 교체할 수 있게 되어 있다.

이때, 구문 사용규칙(syntax)은 표준의 카드 템플릿과 동일하다.

Anki 매뉴얼 전체 개요 페이지 가기

문서는 Anki 2.0 유저 매뉴얼을 번역한 문서입니다.

기본적으로 구글 번역을 통해서 초벌을 번역하고 이를 수정하는 방식으로 번역했습니다. 

또한, 본문에 충실한 직역보다는 매뉴얼을 숙지하기 쉽도록 의역 위주로 번역하였습니다.

Anki 매뉴얼 전체 개요 페이지 가기

Cards and Templates

 HTML Stripping(HTML 서식 지우기)

템플릿이 HTML인 것처럼 필드도 HTML 형식으로 저장된다.

위의 온라인 사전 링크 만들기(Dictionary Links) 섹션에서의 예제를 떠올려 보자.

아래의 링크에서 {{앞면}} 필드의 부분이 해당 텍스트인 "clever"로 대체되면서 온라인 사전을 제대로 검색해 주었다.

이때, {{앞면}} 필드에는 별도의 서식이 없어서 "clever"의 HTML도 동일하게 "clever"로 된다.

그러나 {{앞면}} 필드에 서식을 지정하면 어떻게 될까?

가령, "clever"를 굵게 표시하면 {{앞면}} 필드의 실제 HTML은 "clever"가 아니라 "<b>clever</b>"가 된다.

그러면 실제 작동하는 링크는 다음과 같다.  

이렇게 링크에 포함된 여분의 문자가 해당 사이트를 혼란스럽게 만들 것이고 아마도 일치하는 단어를 찾지 못할 가능성이 높다.

앞서 온라인 사전 링크 만들기(Dictionary Links) 섹션에서 한 예제에서 "clever"를 굵게 서식을 주고 그대로 실행해 보자.

해당 예제의 카드 편집창에서 앞면 필드의 "clever"를 지정하고 서식을 굵게 하고 카드 버튼을 클릭하여 카드창을 열었다.

앞면 템플릿은 온라인 사전 링크 만들기(Dictionary Links) 섹션에서 한 예제와 동일하다.

굵게 표현하기 서식이 적용된 "clever"라는 글자는 앞면 미리보기에서 굵게 나타난다.

이제 링크를 클릭하여 제대로 온라인 사전을 검색해주는지 확인해보자.

해당 링크가 나타내는 네이버 사전은 웹브라우저에서 열렸지만 해당 사전에서 검색하고 있는 것은 "<b>clever</b>"로 나타난다.

검색결과도 엉뚱한 것만 찾은 것으로 나타난다.

이와 같이 서식이 적용된 필드를 이용하여 링크를 만들 때 혼란이 발생하므로 Anki에서는 이 문제를 해결하기 위해 HTML의 서식을 지우는 기능을 제공한다.

즉, 필드 이름 앞에 "text:"를 붙이면 Anki는 해당 필드의 서식을 포함시키지 않는다.

따라서 서식이 지정된 필드를 이용할 경우 제대로 작동하는 온라인 사전 링크는 다음과 같다.

Anki 매뉴얼 전체 개요 페이지 가기

문서는 Anki 2.0 유저 매뉴얼을 번역한 문서입니다.

기본적으로 구글 번역을 통해서 초벌을 번역하고 이를 수정하는 방식으로 번역했습니다. 

또한, 본문에 충실한 직역보다는 매뉴얼을 숙지하기 쉽도록 의역 위주로 번역하였습니다.

Anki 매뉴얼 전체 개요 페이지 가기

Cards and Templates

 Dictionary Links(온라인 사전 링크 만들기)

필드는 카드로 나타날 때는 각 노트에 해당하는 텍스트로 변경되어 나타난다.

이렇게 필드가 텍스트로 대체되는 것을 이용하면 여러가지를 해볼 수 있다.

만일, 언어를 공부하고 있다고 해보자, Anki에 각종 영단어를 집어넣어 학습하는 중이다.

하지만 보다 풍부한 내용을 공부하기 위해서 혹은 애매한 부분을 확인하기 위해서 온라인 영어사전을 찾아보고 싶은 경우가 발생할 것이다.

가령, 영단어를 한국어로 외우고 있는데, 가끔씩 영영사전에서의 표현을 확인해보고 싶을 수 있다.

그럴 때마다 해당 단어를 온라인 영어사전에 검색해볼 수도 있지만 그건 너무 번거롭고 손이 많이 가는 일이다.

그렇다면 카드의 영단어를 온라인 사전에서 검색할 수 있는 링크를 만들면 매우 편해질 것이다.

일단, 검색할 온라인 사전을 준비한다.

아래 링크의 온라인 사전은 네이버 영영사전이다. (다음사전은 작동하지 않아서 네이버 사전을 사용함)

이 링크에서 마지막의 MyWord 부분에 우리가 찾고자 하는 단어를 집어넣으면 해당 언어를 검색한 웹페이지가 뜬다.

즉, MyWord 부분만 카드 앞면의 단어로 바꿔주면 카드의 앞면에 노출되는 단어를 온라인 사전으로 검색할 수 있다.

그럼 이제 온라인 사전 링크를 만들어보자.

우선, 영단어를 공부하는 노트는 기본적으로 {{앞면}} 필드와 {{뒷면}} 필드로 이루어져 있는데, {{앞면}} 필드에 우리가 공부하려고 하는 영어단어를 집어넣고 뒷면 필드에 해당 단어의 뜻을 적어놓는다.

"clever"라는 단어를 학습하기 위해서 아래와 같이 노트를 만들었다. 

카드창을 클릭해보자. 

카드창에 온라인 사전링크를 만들고 싶으면 앞면 템플릿에 다음과 같이 적는다.

여기서는 위에서 언급한 MyWord 부분이 {{앞면}} 필드로 대체되어 있는 것을 확인할 수 있다.

그러면 {{앞면}} 필드의 텍스트인 "clever"로 대체된다.

그러면 카드창의 앞면 미리보기에 "사전으로 확인하기"라는 텍스트의 링크가 생긴다.

이를 클릭해보면 네이버 사전에서 "clever"라는 단어를 검색해서 보여주는 것을 확인할 수 있다.

이제 이와 같은 템플릿으로 노트를 만들면 학습할 영단어의 온라인 사전 링크를 자동으로 만들 수 있다.

그리고 학습하는 동안 링크를 클릭하여 각 노트에 해당 단어를 온라인 사전으로 검색할 수 있게 된다.

그러나 여기에 주의 사항이 있으므로 다음 섹션을 참조하기 바란다.

Anki 매뉴얼 전체 개요 페이지 가기

문서는 Anki 2.0 유저 매뉴얼을 번역한 문서입니다.

기본적으로 구글 번역을 통해서 초벌을 번역하고 이를 수정하는 방식으로 번역했습니다. 

또한, 본문에 충실한 직역보다는 매뉴얼을 숙지하기 쉽도록 의역 위주로 번역하였습니다.

Anki 매뉴얼 전체 개요 페이지 가기

Cards and Templates

 Other HTML(HTML 사용)

템플릿에 HTML을 사용할 수 있다.

즉, 인터넷 웹 페이지를 만드는데 사용되었던 모든 레이아웃을 카드에 적용해볼 수 있다는 것이다.

표(table), 목록(list), 이미지, 외부 페이지로의 링크 등등 모든 것을 해볼 수 있다.

가령, 표를 이용하면 현재 카드의 앞면과 뒷면이 상단과 하단으로 나타나는 것을 왼쪽과 오른쪽으로 표시되도록 레이아웃을 변경할 수 있다.

HTML의 모든 기능을 다루는 것은 이 매뉴얼의 범위를 벗어나므로 여기에서 줄인다.

하지만, 더 많은 것을 배우고 싶다면 HTML을 사용할 수 있는 훌륭한 입문서가 웹에 많이 있으므로 참조를 바란다.

(사례를 들어보고 싶지만 아직 HTML을 몰라서 사례를 들지 못하네요..ㅜㅜ)

Anki 매뉴얼 전체 개요 페이지 가기

문서는 Anki 2.0 유저 매뉴얼을 번역한 문서입니다.

기본적으로 구글 번역을 통해서 초벌을 번역하고 이를 수정하는 방식으로 번역했습니다. 

또한, 본문에 충실한 직역보다는 매뉴얼을 숙지하기 쉽도록 의역 위주로 번역하였습니다.

Anki 매뉴얼 전체 개요 페이지 가기

Cards and Templates

 Cloze Templates(빈칸 노트유형 템플릿)

빈칸 노트유형에 대한 배경지식이 없으면 빈칸 만들기(Cloze Deletion) 섹션을 참조하면 된다.

빈칸 노트유형은 다른 일반적인 노트유형과 다르게 작동한다.

일반적인 노트유형은 노트를 작성하고 노트의 필드를 이리저리 배치하여 다양한 카드유형들을 만들어낸다.

하지만 빈칸 노트유형은 모든 빈칸 노트유형이 공유하는 단일한 카드유형만 있다.

아래 빈칸 노트유형의 카드창을 보면 카드유형을 늘릴 수 있는 "+" 키가 없어 카드유형을 인위적으로 늘릴 수 없게 되어 있다.

앞서 카드생성 섹션에서 언급한 것처럼 일반적인 카드의 생성은 카드 앞면 템플릿의 비어있지 않은 하나 또는 여러 개의 필드에 좌지우지된다.

하지만 빈칸 노트유형은 카드 생성방식이 일반적인 노트유형과 달라서 다음과 같다.

일반적인 노트유형은 카드창의 카드유형을 통하여 해당 카드 유형들에 따른 다양한 내용을 만들어볼 수 있지만 빈칸 노트유형은 그것이 힘들다.

이런 경우 문항번호대로 자동으로 만들어지는 카드들에 해당 카드에 따른 힌트나 메모 등을 남기기 위해서는 조건부 생성 방식과 특수 필드를 사용해야 한다.

빈칸 노트유형의 카드는 그 카드의 문항번호에 해당하는 특수 필드를 제공하므로 이러한 특수필드의 조건을 이용하여 현재 다루고 있는 카드를 특정할 수 있다.

예를 들어, 첫 번째 문항번호(c1)의 빈칸에 Hint1 필드를 표시하고 두 번째 문항번호(c2)의 빈칸에 Hint2 필드를 표시하려면 다음과 같이 템플릿을 작성하면 된다.

해석하면 문항번호를 의미하는 c1 필드에 내용이 있으면 Hint1 필드를 표시하고 c2 필드에 내용이 있으면 Hint2 필드를 표시하라는 의미이다.  

간단한 사례를 만들어 보았다.

빈칸 노트유형으로 "캐나다의 수도는 오타와이다."에서 "캐나다"와 "오타와"를 서로 별도의 빈칸으로 묶어보자.

그러면 노트 추가창의 내용 필드에 다음과 같이 나타난다.

그리고 문항번호 1번(c1)의 힌트를 Hint1 필드에 다음과 같이 입력한다.

그리고 문항번호 2번(c2)의 힌트를 Hint2 필드에 다음과 같이 입력한다.

그리고 카드창을 열어 앞면 템플릿에 해당 힌트가 조건부로 나타나도록 아래와 같이 입력하였다.

아래 사진의 사례에서는 문항번호 c1의 카드만 나타나 Hint1 필드의 내용만 카드에 표시되었다. 

Anki 매뉴얼 전체 개요 페이지 가기

문서는 Anki 2.0 유저 매뉴얼을 번역한 문서입니다.

기본적으로 구글 번역을 통해서 초벌을 번역하고 이를 수정하는 방식으로 번역했습니다. 

또한, 본문에 충실한 직역보다는 매뉴얼을 숙지하기 쉽도록 의역 위주로 번역하였습니다.

Anki 매뉴얼 전체 개요 페이지 가기

Cards and Templates

 Media & LaTex References(미디어 및 LaTeX 참조)

Anki는 미디어를 참조하기 위하여 템플릿을 검색하거나 하지 않는다.

그렇게 하면 느리기 때문이다.

템플릿에 미디어를 집어넣으려면 이러한 점을 숙지하는 것이 좋다.

<고정된 소리와 이미지>

회사의 로고를 각 카드의 상단에 배치한다거나 하는 식으로 모든 카드에 동일한 이미지나 사운드를 카드에 집어넣으려면 다음과 같이 하면 된다.

1. "_logo.jpg"와 같이 밑줄로 시작하도록 파일의 이름을 변경한다. 밑줄은 이 파일이 템플릿에 사용되는 파일이고, 따라서

   만일 카드뭉치를 공유하기 위하여 내보내기를 할 때 같이 내보내져야 한다는 것이다.

   (AnkiWeb에서 공유된 카드뭉치에는 해당 미디어가 전부 포함되어 있다.)

2. 앞면 또는 뒷면의 템플릿에 아래와 같이 이 미디어에 대한 참조를 추가하라.

미디어를 추가할 때, 미디어 파일이 Anki2의 계정에 따른 collection.media 폴더에 저장되어 있어야 한다.

<필드 참조>

필드는 참조할 미디어로 사용할 수 없다.

만일 참조할 미디어로 필드를 사용할 경우 학습 중에 표시될지 여부도 불분명하고, 사용되지 않는 미디어를 확인하기 위한 미디어 검사나 가져오기/내보내기 등의 작업을 할 때에도 제대로 작동하지 않는다.

다음은 작동하지 않는 필드 참조 사례이다.

반대로 필드에는 미디어 참조를 포함시켜야 한다.

더 자세한 내용은 가져오기 섹션을 참조하길 바란다.

Anki 매뉴얼 전체 개요 페이지 가기