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


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



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



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

      

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


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

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


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

    

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

     

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

    

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

   

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

         

카드1

(앞면) 다음 한자의 음과 뜻은?


(뒷면) 하늘 천 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


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



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



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




카드2

(앞면) 다음 한자의 음과 뜻은?


(뒷면) 땅 지 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


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




카드3

(앞면) 다음 한자의 음과 뜻은?


(뒷면) 검을 현 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


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




카드4

(앞면) 다음 한자의 음과 뜻은?


(뒷면) 누를 황 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


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




카드5

(앞면) 다음 한자어를 한글로 해석하시오.

天地玄黃


(뒷면) 하늘과 땅은 검고 누렇다.

天 : 하늘 천

地 : 땅 지

玄 : 검을 현

黃 : 누를 황


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




카드6

(앞면) 다음의 음과 뜻을 가진 한자를 쓰시오.

하늘 천


(뒷면) 天 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


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




카드7

(앞면) 다음의 음과 뜻을 가진 한자를 쓰시오.

땅 지


(뒷면) 地 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


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




카드8

(앞면) 다음의 음과 뜻을 가진 한자를 쓰시오.

검을 현


(뒷면) 玄 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


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




카드9

(앞면) 다음의 음과 뜻을 가진 한자를 쓰시오.

누를 황


(뒷면) 黃 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


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




카드10

(앞면) 다음 문장을 한자로 작성하시오

하늘과 땅은 검고 누렇다.


(뒷면) 天地玄黃

天 : 하늘 천

地 : 땅 지

玄 : 검을 현

黃 : 누를 황


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



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



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

    

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



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

    

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

     


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

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


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

       

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

      

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



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

     

가령, 이런 상황이다.

    

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

    
天 : 하늘 천
地 : 땅 지
玄 : 검을 현
黃 : 누를 황
天地玄黃 : 하늘과 땅은 검고 누렇다.


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

     

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

     

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

      

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

     

카드1

(앞면) 다음 한자의 음과 뜻은?

     

(뒷면) 하늘 천 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


카드2

(앞면) 다음 한자의 음과 뜻은?

     

(뒷면) 땅 지 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


카드3

(앞면) 다음 한자의 음과 뜻은?

    

(뒷면) 검을 현 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


카드4

(앞면) 다음 한자의 음과 뜻은?

    

(뒷면) 누를 황 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


카드5

(앞면) 다음 한자어를 한글로 해석하시오.

天地玄黃

    

(뒷면) 하늘과 땅은 검고 누렇다.

天 : 하늘 천

地 : 땅 지

玄 : 검을 현

黃 : 누를 황


카드6

(앞면) 다음의 음과 뜻을 가진 한자를 쓰시오.

하늘 천

     

(뒷면) 天 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


카드7

(앞면) 다음의 음과 뜻을 가진 한자를 쓰시오.

땅 지

    

(뒷면) 地 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


카드8

(앞면) 다음의 음과 뜻을 가진 한자를 쓰시오.

검을 현

    

(뒷면) 玄 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


카드9

(앞면) 다음의 음과 뜻을 가진 한자를 쓰시오.

누를 황

    

(뒷면) 黃 (사용례 → 天地玄黃 : 하늘과 땅은 검고 누렇다.)


카드10

(앞면) 다음에 해당하는 문장을 한자로 작성하시오

하늘과 땅은 검고 누렇다.

    

(뒷면) 天地玄黃

天 : 하늘 천

地 : 땅 지

玄 : 검을 현

黃 : 누를 황


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


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

     

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

      

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


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


to be continued....


+ Recent posts