책 씹어먹는 즐거움

Anki 카드와 노트 다루기 03 카드 템플릿으로 카드 생성

앞의 포스팅에서 노트를 입력할 틀과 필드를 모두 만들었다. 이제는 이 노트를 카드로 만들어야 한다. 노트추가창 왼쪽 상단의 [카드] 버튼을 클릭해서 카드 템플릿을 열도록 하자. 

처음 열린 카드 템플릿은 다음과 같다.

상단에는 “카드 1”이라고 되어 있는 탭이 하나 있다. 이는 이 노트에서는 현재 1개의 카드만 만들어지고 있다는 의미다. 우리는 10개의 카드를 만들어야 하므로 이 탭을 “카드 10”까지 늘려갈 것이다. 

카드 템플릿의 왼쪽에는 3개의 박스가 있는데 위에서부터 차례대로 앞면 서식, 스타일, 뒷면 서식이다. 이 중에서 스타일 박스에는 CSS를 이용하여 카드를 마음껏 예쁘게 꾸밀 수 있다. 이에 대한 상세한 내용은 다음 링크의 매뉴얼을 참조하기 바란다. 

31_(카드와_템플릿)_카드_꾸미기

32_(카드와_템플릿)_필드_꾸미기

앞면 서식 박스에는 두개의 중괄호에 둘러싸인 {{한자문장}}이 보인다. 그리고 우리가 한자문장 필드에 입력했던 “天地玄黃”이 왼쪽의 앞면 미리보기 박스에 나타나 있다. 앞서 필드는 정보 조각을 담기 위한 용기(container) 같은 것으로 프로그래밍으로 치자면 변수(variable) 같은 것이라고 한 바 있는데 바로 이것이다. 즉, 필드 이름을 두 개의 중괄호({{ }})로 둘러싸서 카드의 앞면 서식이나 뒷면 서식에 배치하면 실제 카드에는 이 필드명이 나타나는 것이 아니라 이 필드에 입력된 내용이 나타난다. 

왼쪽 최하단 박스의 뒷면 서식에도 {{한글문장}} 필드가 보인다. 그리고 우리가 한글문장 필드에 입력한 텍스트인 “하늘과 땅은 검고 누렇다.”가 뒷면 미리보기 하단부에 나타나는 것을 확인할 수 있다. 

우리가 만들지 않은 필드명이 보인다. {{FrontSide}} 필드인데 이 필드는 카드 앞면에 나타난 모든 내용을 그대로 반영하는 필드다. 이 필드는 Anki 내부에 내장되어 항상 사용할 수 있도록 만들어진 내장 필드다. 따라서 우리가 이 필드를 직접 만들지 않아도 항상 사용할 수 있다. 

앞서 ‘앞면’과 ‘뒷면’이라는 필드명이 좋은 명칭이 아니라고 한 이유는 이 {{FrontSide}} 필드 때문이다. 이 필드명을 번역하면 ‘앞면’이다. Anki는 카드를 다양하게 변형하여 효과적인 학습을 가능하게 하지만 기본적으로 카드의 앞면과 뒷면이라는 구조를 고수하고 있다. 따라서 필드명을 ‘앞면’과 ‘뒷면'으로 번역하면 처음 Anki를 쓰는 사람은 카드 템플릿을 열었을 때, 앞면 서식과 앞면 필드가 어떻게 다른지 혼동할 수밖에 없고 그에 더하여 {{FrontSide}} 필드가 왜  ‘앞면’ 필드가 아닌지 헷갈리게 된다. Anki의 영어 버전에서는 ‘앞면’이 ‘front’이고 ‘뒷면’이 ‘back’이다. 즉, 원래는 ‘앞’, ‘뒤’로 번역하는 것이 더 적절해 보인다.

이것저것 알아보았으니 카드를 만들면서 감을 잡아보자. 

앞면과 뒷면 서식 부분은 일종의 브라우저로 HTML을 작성할 수 있다. 우리가 원하는 문장을 <p> 요소로 묶어서 표시하면 원하는 텍스트를 마음껏 집어넣을 수 있다. (실은 <p> 요소로 안 묶고 그냥 써도 되지만 HTML을 써보자.) 다음과 같이 만들면 첫 번째 카드가 완성된다. 뒷면 서식의 <br />은 줄바꿈을 해주는 빈요소이다. 

두 번째 카드를 만들려면 카드 템플릿 상단 오른쪽에 있는 [+] 버튼을 눌러야 한다. 그러면 “카드 2” 탭이 열리면서 두 번째 카드를 만들 수 있게 된다.

새로 열린 두 번째 카드는 “카드 1”의 내용을 거의 그대로 가져오므로 적절히 수정해주면 된다.

카드2는 다음처럼 한자1 필드를 한자2 필드로 해석1 필드를 해석2 필드로 바꾸기만 하면 된다.

카드3은 다음처럼 한자2 필드를 한자3 필드로 해석2 필드를 해석3 필드로 바꾸기만 하면 된다.

카드4는 다음처럼 한자3 필드를 한자4 필드로 해석3 필드를 해석4 필드로 바꾸기만 하면 된다.

이번에는 조금 카드를 변형해야 한다. 다음과 같이 변형한다.

카드6 부터는 조금 다른 형식이다. 다음과 같이 수정한다.

카드7은 다음처럼 해석1 필드를 해석2 필드로, 한자1 필드를 한자2 필드로 바꾸기만 하면 된다.

카드8은 다음처럼 해석2 필드를 해석3 필드로, 한자2 필드를 한자3 필드로 바꾸기만 하면 된다.

카드9는 다음처럼 해석3 필드를 해석4 필드로, 한자3 필드를 한자4 필드로 바꾸기만 하면 된다.

카드10은 다시 카드5에서와 마찬가지로 카드를 다음과 같이 변형한다. 

이제 10개의 카드를 만드는 카드 템플릿을 전부 완성했으므로 카드 템플릿 오른쪽 하단의 [닫기] 버튼을 클릭하여 원래의 노트 추가창으로 돌아오자. 그리고 노트추가창 하단의 [추가] 버튼을 클릭해서 카드를 만들어 보자.

카드가 추가되고 다시 데이터가 모두 비어 버린 노트가 나타나 새로운 데이터 입력을 기다린다. 

[닫기]를 클릭하여 노트추가창을 닫으면 기본 카드뭉치에 새 카드가 10개 있는 것을 확인할 수 있다. 즉, 한번의 데이터 입력으로 10개의 카드가 생긴 것이다.

카드가 추가되었으니 이제10개의 카드를 천천히 공부하면 된다. 

지금까지 진행해온 모든 과정을 요약하면 이렇다. 

이제 많은 단순 작업 없이 필요한 데이터만 넣으면 마법처럼 수많은 카드가 나오게 하는 법을 알게 되었다. 기본적으로 카드 템플릿은 HTML/CSS를 적극 활용하고 거기에 Latex까지 사용하여 전문적인 조판을 할 수 있지만 그런 것 몰라도 문제없이 잘 쓸 수 있다. 물론, 더 예쁘고 재미있는 카드를 만들고 싶다면 조금 더 공부가 필요할 것이다. 

Anki 카드와 노트 다루기 02 새로운 노트 유형 생성과 필드 구축

앞의 포스팅에서 노트와 노트 유형이 왜 필요한지를 보여주기 위하여 천자문 학습을 예로 들었다. 

이 때, 노트를 노트 유형(Note Type)이라는 틀(template)에 입력하면 카드를 찍어낸다고 이야기했다. 노트는 실제 카드로 전환되는 개별 데이터들이고 노트 유형은 그런 노트를 카드로 주조하는 틀이 된다. 따라서 우리가 가장 먼저 할 일은 새로운 노트 유형(Note type)을 만드는 것이다. 

그리고 이 노트 유형(Note Type)을 생성하는 것은 우선, 새로운 노트 유형을 만들고 이 노트 유형에 노트의 데이터를 담을 필드를 구축한 후 해당 필드의 데이터를 실제 카드로 만들어내는 카드 템플릿 설정과정으로 이루어진다.

1) 새로운 노트 유형 만들기

우선, 메인메뉴 상단의 [추가] 버튼을 클릭하여 노트 추가창을 연다. 

노트 추가창 왼 쪽 상단에 있는 '유형' 오른쪽 박스를 클릭하여 노트 유형 선택창을 연다.

노트 유형 선택창에는 다양한 노트 유형들이 나타난다. 필요한 노트 유형을 선택해서 사용하면 되지만 우리는 새로운 노트 유형을 만들 것이므로 어떤 노트 유형도 선택하지 말고 [관리] 버튼을 클릭하여 노트 유형 설정창을 연다.

노트 유형을 설정할 수 있는 창이 열린다. 기존의 노트를 수정해서 사용할 생각이라면 해당 노트를 선택하여 삭제, 이름 변경, 옵션 수정 등을 할 수 있지만 우리는 전혀 새로운 노트 유형을 만들 것이므로 [추가]를 클릭하여 노트 유형 추가창을 연다.

노트 유형 추가창에서는 “복제: 기본”을 선택하고 [확인]을 클릭한다. 어차피 수정할 것이므로 가장 기본적인 기본 노트 유형을 베이스로 선택했다.

우리가 사용할 노트 유형은 천자문 학습용이므로 노트 유형의 이름은 '천자문학습'이라고 짓고 클릭하면 이제 새로운 ‘천자문학습’ 노트 유형을 선택할 수 있다.

2) 필드 구축하기

우리가 사용할 노트 유형(Note Type)은 만들었지만 노트 유형의 이름만 바꿨을 뿐 현재로는 기본 노트와 똑같은 단순한 노트일 뿐이다. 그래도 우리가 마음껏 씹고 뜯을 수 있는 새로운 노트 유형을 만들었으니 다음에 할 일은 정보의 조각만큼 필드(field)를 만드는 것이다. 

정보의 조각이라는 것은 우리가 익힐 “天 : 하늘 천, 地 : 땅 지, 玄 : 검을 현, 黃 : 누를 황, 天地玄黃 : 하늘과 땅은 검고 누렇다.”를 말한다. “天 : 하늘 천”과 같이 서로 대응하고 있는 것들도 전부 나누어 조각을 만들어야 한다. 

①天 : ②하늘 천

③地 : ④땅 지

⑤玄 : ⑥검을 현

⑦黃 : ⑧누를 황

⑨天地玄黃 : ⑩하늘과 땅은 검고 누렇다.

세어보니 총 10개의 정보 조각이 있으므로 총 10개의 필드가 필요하다. 그런데 필드라는 것이 무엇인가? 필드는 정보 조각을 담기 위한 용기(container) 같은 것으로 프로그래밍으로 치자면 변수(variable) 같은 것이다. 

앞서 만든 노트 유형(Note Type) ‘천자문학습’을 열어보자. 

보시다시피 노트 유형의 이름만 ‘천자문학습’으로 바뀌었을 뿐 앞면과 뒷면으로 이루어진 기본 노트에 불과하다.

두 개의 필드 이름이 있는데 ‘앞면’과 ‘뒷면’ 이다. 그리고 각각의 필드 이름 아래에는 무언가 입력할 수 있는 하얀 사각형이 있는데 여기에 입력한 내용은 해당 라벨의 필드에 입력된다. 

즉, ‘앞면’이라는 필드명 아래에 위치한 사각형에 입력한 내용은 추후 ‘앞면’이라는 필드에 입력되어 변수처럼 사용된다. 이에 대한 상세한 내용은 추후에 카드 템플릿을 다루면서 실제로 사용해보도록 하자. 

다시 원래 이야기로 돌아가서 10개의 필드를 만들어야 한다. 그리고 현재 표시되어 있는 ‘앞면’과 ‘뒷면’이라는 필드 이름도 마음에 들지 않는다. 이 부분도 카드 템플릿을 다루면서 언급하겠지만 필드명을 ‘앞면’과 ‘뒷면’이라고 하는 것은 Anki에서는 좋은 명칭이 아니다. 

[필드] 버튼을 클릭하여 필드 관리창을 연다. 

필드 관리창은 필드를 추가하고, 삭제하고, 이름을 변경하고, 위치를 재조정할 수 있다. 그 외에 여러 가지를 할 수 있지만 이번에는 필드를 추가하고 이름을 변경하는 것만 하도록 하자.

 필드는 정보 조각을 담기 위한 용기(container)이므로 적절한 이름을 붙이는 것이 좋다. 우리가 지금 하는 것은 천자문 학습을 위한 노트를 만드는 것이므로 매번 4개의 한자로 이루어진 한자어를 250회 공부하게 된다. 따라서 4개의 한자 학습과 4개로 된 문장을 공부하는 패턴이 반복된다. 따라서 간단하게 다음과 같이 필드의 이름을 짓도록 하자. 이때, 숫자가 같은 것들은 서로 대응하도록 데이터를 넣어야 한다. 

한자문장, 한글문장, 한자1, 해석1, 한자2, 해석2, 한자3, 해석3, 한자4, 해석4

[이름 변경] 버튼을 클릭하여 앞면 필드를 한자문장 필드로 수정하고, 뒷면 필드를 한글문장 필드로 수정한다. 그리고 [추가]를 눌러 나머지 필드를 모두 만든 다음 [닫기]를 클릭하여 원래의 노트 추가창으로 돌아오면 다음과 같은 10개의 필드가 만들어져 있는 것을 확인할 수 있다.

노트를 입력할 틀은 전부 만들었다. 이제는 이 노트를 카드로 만들기 위해서 카드 템플릿을 설정해야 한다. 그 전에 우리가 만든 노트에 데이터를 다음과 같이 모두 입력하도록 하자. 한자와 해석의 숫자를 일치시켜 추후 사용하기 편하도록 입력한다. 원래는 지금 넣을 필요는 없지만 이해를 돕기 위해서 미리 데이터를 입력했다.

이제 다음 단계에 해야할 일은 이 노트를 10개의 카드로 만들도록 카드 템플릿을 수정하는 것이다.

너무 길어졌으니 카드 템플릿으로 카드를 만드는 것은 다음에 포스팅하겠다.  

to be continued....

Anki 카드와 노트 다루기 01 노트와 노트 유형(Note Type)이 왜 필요한가?

Anki 매뉴얼을 읽다 보면 카드(Card), 노트(Note), 노트 유형(Note Type)이라는 단어들을 종종 마주치게 된다. 처음에는 왜 카드와 노트가 따로 있는지 엄청나게 헷갈렸지만 지금은 그 필요성에 공감하고 있다. 어떻게 보면 Anki의 핵심이 학습 관리 원칙이라면 Anki의 카드를 만들고 분류하고 사용하는 핵심은 노트와 카드에 있다고 할 수 있기 때문에 이번에는 카드와 노트에 대해서 이야기해보려고 한다.

카드는 간단하게 말하면 공부를 하는 우리가 매번 마주치는 그것이다. 우리가 카드 앞면의 질문을 보고 답을 생각해보고 [정답] 버튼을 눌러 답을 확인한 후 난이도를 평가하고 넘어가는 모든 일련의 과정은 카드에 대한 과정이다. 이 모든 과정은 개별 카드의 데이터로 켜켜이 쌓이고 묵혀서 학습 간격을 조절한다. 그럼 노트는 무엇일까?

노트는 카드를 찍어내기 위한 틀(template)에 집어 넣는 원재료이다. 그리고 노트 유형은 바로 이 노트를 재료로 카드를 만들어내는 틀(template)이다. 

Anki는 기본(Basic) 노트만 쓸 줄 알면 충분하다. 편에서 기본 노트를 다루어 봤는데 말 그대로 기본이다. 즉, 앞면에 질문을 작성하고 뒷면에 답을 작성한 후 추가하면 하나의 카드가 만들어지기 때문이다. 매우 직관적이고 우리가 일상적으로 해볼 수 있는 경험과 유사하다. 하지만 일상적인 물리적 한계에 크게 구속되지 않는 IT 기술의 장점을 생각해보면 좀 더 효율적인 무엇이 있을 것 같다.

가령, 이런 상황이다.

천자문의 첫 구절 天地玄黃을 개별 한자와 그 문장을 전부 외우고 익히려고 한다. 아마도 공부해야할 내용을 요약 정리하면 다음과 같을 것이다. 이것을 노트(Note)라고 부른다. 

제일 먼저 생각해봐야 할 것은 어떻게 카드를 만들 것인가 하는 점이다. Anki는 카드의 앞면을 보고 뒷면을 떠올린다는 기본적인 학습방식 있기 때문에 한 번에 하나의 질문을 던지는 구조로 되어 있다. 따라서 개별 질문들을 만들어 보고 거기에 참고할 것이 무엇인지 덧붙여 봐야 한다. 

우선, 개별 한자 별로 학습 한자와 한자의 뜻과 음이 카드 앞면에 나올 필요가 있다. 그리고 이것이 문장으로 어떻게 실현되는지 같이 참고해서볼 수 있으면 좋을 것 같다.

또, 天地玄黃이라는 문장을 한글로 해석하고 동시에 한글로 해석된 문장을 다시 天地玄黃이라는 문장으로 전환하고 싶다. 물론, 카드 뒷면에는 개별 한자에 대한 해석이 같이 있어서 문장의 개별 한자와 문장 전체의 해석을 항상 비교할 수 있다면 더 좋을 것 같다.

이런 요구사항들을 정리해서 카드를 만들면 다음과 같이 1개의 노트에 대하여 10개의 카드가 필요하다. 

이렇게 일일이 카드를 만드는 것도 공부에 꽤나 도움이 된다. 하지만 정말 많은 카드를 만들어야 한다고 생각해보자. 천자문이니까 앞으로 250번을 똑같이 만들어야 한다고 생각하면 2500개의 카드를 일일이 만들어야 하는 상황이 온다. 공부하기 전에 노가다에 질릴 판이다. 

단순 작업을 피해 말고 한 번에 카드를 10장씩 생성할 방법이 없을까?

IT 기술답게 이런 문제를 해결하기 위한 방법이 준비되어 있다. 

그것이 노트를 노트 유형에 집어 넣어 일괄적으로 카드를 만드는 것이다.

다음엔 노트와 카드를 직접 만들어 보자.

to be continued....

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

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

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

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

Profiles and Preferences

 Preferences(환경 설정)

환경 설정은 Windows/Linux의 경우 도구 메뉴에 있고, Mac은 Anki 메뉴에 있다.

프로필이 여럿인 경우 변경 사항은 현재 프로필에만 적용된다.

<기본(Basic)>

환경 설정에서 기본탭의 설정 사항은 다음과 같다.

1번 부터 7번까지의 사항을 설명한다.

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

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

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

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

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

Cards and Templates

 Special Field(특수 필드)

템플릿에 포함 할 수 있는 특수한 필드가 다음과 같이 몇 가지 있다.

사용자가 직접 해당 필드를 만들지 않아도 특수 필드를 사용하면 해당 카드뭉치에 적합한 카드를 만들 수 있다.

실제 예를 통해 확인해보자.

우선, 스페셜 필드에 관련된 테스트이므로 카드뭉치를 "스페셜_필드"라는 이름으로 만들고 그 하위 카드뭉치를 "스페셜_필드_하위_카드뭉치"라고 해서 만든다.

또, 카드를 추가하여 앞면과 뒷면의 필드를 채우고 태그에도 "시험용 태그"라고 적어놓았다.

이제 카드창을 열어서 특수 필드들을 적용해보자.

노트의 태그 : {{Tags}}

해당 노트에 설정되어 있는 태그를 보여준다. 아래의 경우에 노트에 설정되어 있는 태그 "시험용 태그"라고 되어 있는 태그가 전부 카드에 표시된다.

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

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

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

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

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

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

Cards and Templates

 Basic Templates(기본 템플릿)

아래의 사진은 기본 노트유형의 카드창이다.

가장 기본적인 템플릿의 형태를 확인할 수 있다.

우선 카드의 앞면 템플릿을 보면 다음과 같이 작성되어 있다.

  {{앞면}}

Anki는 중괄호들 사이에 놓인 텍스트를 이름으로 가진 필드가 있는지 찾는다.

즉, 이 사례에서는 "앞면"이라는 이름을 가진 필드가 있는지 찾는다.

그리고 그 "앞면" 필드에 기입되어 있는 텍스트로 {{앞면}}을 대체한다.

필드는 원하는 만큼 포함시킬 수 있다.

템플릿에 필드의 목록만 쓸 수 있는 것은 아니다.

필드가 아닌 임의의 텍스트를 포함시킬 수도 있다.

예를 들어, 각 나라의 수도에 대해서 공부하고 있다면 다음과 같이 작성할 수 있다.

 What's the capital city of {{country}}?

아래의 사진을 보면 앞면 템플릿에 작성한 텍스트가 그대로 앞면 미리보기와 뒷면 미리보기에 반영되는 것을 확인할 수 있다.

하지만 {{country}}라는 필드가 만들어진바 없어서 앞면과 뒷면 미리보기에 "unknown field"라고 오류메시지가 나타나 있다.

이 경우 노트 추가창에서 "country"라는 필드를 만들어주면 해결된다.

내친 김에 "country"라는 필드를 추가하고 이 필드에 "korea"라고 기입해보자.

앞서 나타났던 "unknown field"라는 오류 메시지가 사라지고, 앞면 템플릿의 {{country}} 부분이 미리보기에서는 "korea"로 대체되어 나타나는 것을 확인할 수 있다.

뒷면 템플릿은 기본적으로 이렇게 작성되어 있다.

{{FrontSide}}

<hr id=answer>

{{뒷면}}

이것은 "카드앞면("앞면" 필드가 아닌 카드의 앞면을 의미함)에 있는 텍스트를 표시한 다음 구분선을 긋고 그 아래에 "뒷면" 필드를 표시"하는 것을 의미한다.

{{FrontSide}}는 카드앞면에 표시된 내용을 그대로 표시하라는 의미이다.

<hr id=answer>는 구분선을 의미한다.

id = answer 부분은 Anki에게 이 구분선이 질문과 대답 사이에 위치하고 있다는 것을 알리는 역할을 한다. 

이렇게 하면 내용물이 길게 배치된 카드에서 답변보기를 누르면 (특히 화면이 작은 휴대 기기에서 유용) Anki는 답변이 시작되는 지점으로 자동 스크롤 하게 된다.

답변의 시작 부분에 수평선을 표시하지 않으려면 대신 단락(paragraph)이나 div와 같은 다른 HTML 요소를 사용하면 된다.

마지막으로 {{뒷면}}은 "뒷면" 필드이다.

"뒷면" 필드가 비어있으므로 미리보기에는 (뒷면)이라고만 나타나 있다.

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

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

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

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

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

Cards and Templates

 Reverse Cards(카드 뒤집기)

YouTube에서 카드를 역방향으로 뒤집는 것에 대한 동영상을 볼 수 있다.

카드의 앞면을 보고 뒷면을 생각하는 연습도 좋지만 그것을 뒤집어 뒷면을 보고 앞면을 생각하는 연습도 유용하다.

따라서 카드를 하나 만들어서 양방향으로 사용할 수 있다면 좋을 것이다.

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