책 씹어먹는 즐거움

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....