오늘 포스팅 주제는 자잘하지만 안키를 사용하시는 분들이라면 이거다! 싶은 것들을 가져왔습니다. 바로 안키 사진 추가하기, 엑셀 파일 추가하기, 힌트 버튼 넣기 인데요. 긴말 필요없이 바로 시작해볼게요!

사진 추가하기

사진을 추가하는 방법에는 크게 3가지가 있습니다.

사진이 이미 컴퓨터에 있는 경우

카드에 추가하고자 하는 사진을 바로 카드를 생성하며 추가할 수 있습니다. 카드 추가 창에서 클립 버튼을 눌러주시면 파일을 첨부할 수 있습니다.

카드 생성 시 사진 바로 추가하는 법
카드 생성 시 사진 바로 추가하는 법

사진을 온라인에서 가져다 쓰고 싶은 경우

이 경우에는 2가지 방법을 사용할 수 있습니다.

  1. 사진을 온라인에서 바로 복사해서 필드에 붙여넣어도 사진이 들어갑니다.
  2. 이미지 주소를 가져다가 주소를 붙여넣기 하고 나중에 html로 작업해 줍니다.

1번의 경우에는 원하는 사진을 복사해서 원하는 필드에 붙여 넣으면 되는 아주 간단한 방식입니다. 다만 카드 생성하는 과정(혹은 편집하는 과정)에서 해줘야 한다는 번거로움이 있죠. 2번의 경우에는 이미지 주소만 가져다가 우선 붙여넣고 나중에 html로 작업하는 방식입니다. html 몰라도 상관 없어요! 제가 알려드릴거거든요. 이 경우는 카드를 직접 생성하거나 편집하는 과정에서도 쓸 수 있지만, 엑셀 파일에 이미지 주소를 넣어 놓고 한꺼번에 html 편집할 수 있다는 장점이 있습니다.

저의 경우는 둘 다 유용하게 씁니다. 1번의 경우에는 카드 한-두장만 빠르게 넣고 싶을 때 복사 붙여넣기를 하고요. 대량의 카드를 한번에 추가하고자 할 때는 2번의 방법을 선호합니다.

참고: 웹 상에 있는 이미지 주소 얻는 방법

구글 이미지 등으로 원하는 이미지를 찾은 후 마우스 오른쪽 버튼을 클릭하면 ‘클릭하여 링크 복사’가 있습니다. 해당 링크를 원하는 필드에 붙여넣으시면 됩니다.

HTML을 이용해 사진 보이게 하기

기본 창 > 원하는 덱 선택 > 상단의 ‘탐색’ 탭 > 오른쪽 필드 맨 위에 ‘카드…’ 클릭

이렇게 하시면 카드 편집창이 뜹니다. 이 편집창에서 원하는 곳에 사진 필드를 추가해 줍니다. 이때, HTML 코드도 함께 추가해주면 되는데요.

이걸 복사 붙여넣기 하시면 됩니다.

html 이미지 코드 추가
html 이미지 코드 추가

제대로 추가하셨으면 오른쪽에 사진이 미리보기로 뜨는 것을 보실 수 있습니다.

안키 엑셀 파일 추가하기

안키 필드에 하나하나 입력하면서 카드를 만들어야 한다면 얼마나 비효율적일까요! 시간도 노력도 너무 많이 드는 일입니다. 당연히 엑셀로 만든 파일을 안키로 불러 들어올 수 있습니다. 우선 엑셀로 열심히 작업합니다.

여기서 잠깐!

  1. 엑셀로 만드실 때 힌트 필드를 추가하고 싶으신 분들은 미리 엑셀에서 힌트 필드를 만들어서 작업해두시는 걸 추천드려요. 그게 편하거든요. 저는 힌트로 사진을 사용할거라 따로 만들지는 않았습니다.
  2. 저는 엑셀 파일을 만드는 과정에서 헤더를 남겨두었는데요(품사/단어/…). 이걸 남겨두면 나중에 이 헤더 부분을 찾아 삭제하는 과정을 한번 거쳐야 합니다. 이 헤더까지 카드가 생성되어 버리거든요. 예전 버전에서는 이걸 빼고 추가할 수 있었는데 새로운 버전에서는 안되네요. 그러니까 마지막에 저장하실 때 헤더는 삭제하시고 저장하시는 걸 추천드려요. 그게 조금이나마 더 편해요!
안키 엑셀 파일
안키 엑셀 파일

저는 이렇게 작업했습니다. 사진의 경우 이미지 주소를 갖다 붙였어요. 이미지 주소 얻는 방법은 바로 위에 있으니까 참고하시면 되구요. 이제 우리는 이 엑셀 파일의 CSV 버전이 필요합니다. 무슨 말이냐면, 확장자가 .xlsx 인 것 말고 .csv 가 필요해요. 이 작업을 엑셀에서 할 수 있습니다.

파일 – 다른 이름으로 저장 으로 가시면 파일 형식을 보실 수 있으실텐데요. 여기서 .CSV 인 것을 찾아 클릭해주시면 됩니다.

엑셀 파일 저장 형식 바꾸기
엑셀 파일 저장 형식 바꾸기
.CSV 라고 쓰여있는 파일 형식을 선택
.CSV 라고 쓰여있는 파일 형식을 선택

이제 안키로 돌아옵니다.

안키에서 파일 – 가져오기 를 선택합니다. 단축키는 Cmd + Shift + I (윈도우: Ctrl + Shift + I)입니다. 그리고 조금 전 저장한 .csv 파일을 불러옵니다. 그러면 안키에서 다음과 같은 창을 만나실 수 있습니다.

안키 파일 가져오기
안키 파일 가져오기

‘가져오기 옵션’ 살펴보기

  • 필드 구분 기호: 쌍반점 으로 두시면 됩니다.
  • 가져오기 옵션은 내가 어느 덱에 어떻게 넣을지를 정하는 건데요.
    • 노트 유형: 우선은 Basic 으로 하겠습니다. 노트 유형은 다음 포스팅에서 다룰 예정입니다.
    • 덱: 어느 덱에 추가하고 싶은지 고르시면 됩니다.
    • 기존 노트: 3가지 옵션이 있는데요.
      • 덮어 쓰기: 안키 내에 카드가 중복되는 경우 엑셀의 내용으로 덮어 씀
      • 기존 그대로: 안키 내에 카드가 중복되는 경우 안키의 내용으로 씀
      • 중복 허용: 카드의 중복에 상관없이 엑셀 파일, 안키 카드 모두 유지
    • 모든 노트 태그: 추가되는 모든 카드에 적용시키고 싶은 태그 (옵션 사항)
    • 덮어쓴 노트 태그: 만약 카드를 덮어 쓰게 되는 경우 적용시키고 싶은 태그 (옵션 사항)
  • 필드 배정: 이 필드 배정은 내가 추가한 .csv 파일 가장 최상단에 있는 헤더 기준으로 정렬됩니다. 혹시나 안키의 필드 순서와 엑셀에서 작성하신 필드의 순서가 달라도 여기서 수정해서 작업하시면 됩니다.

다 설정하셨으면 오른쪽 상단의 ‘가져오기’ 버튼을 누릅니다. 그러면 파일이 업로드가 되고 다음과 같은 창이 뜹니다.

파일 가져오기 요약 내용
파일 가져오기 요약 내용

저의 경우는 총 7장의 카드를 발견했고 그 중 4장의 카드가 새로 추가되었음. 3개는 기존에 있던거에서 업데이트 되었음. 이라고 뜨네요. 제가 생성하고자 했던 카드는 총 6장인데, 헤더가 포함되어서 7장으로 인식합니다. 이 헤더는 바로 이전 포스팅에서 카드 삭제하는 방법을 통해 삭제하시면 됩니다.

힌트 버튼 넣기

힌트 버튼을 넣을 때 힌트에 html 코드가 추가된 경우와 아닌 경우 두가지를 고려해야 합니다. 우선,

기본 창 > 원하는 덱 선택 > 상단의 ‘탐색’ 탭 > 오른쪽 필드 맨 위에 ‘카드…’ 클릭

으로 들어가 카드 편집창을 엽니다.

html 코드가 필요 없는 힌트 창의 경우

이 경우는 아주 쉽습니다.

{{hint:내가 넣고자 하는 필드 이름}} 을 넣어주면 됩니다.

힌트 간단하게 추가하기
힌트 간단하게 추가하기

오른쪽에서 미리 보실 수 있는데요. 파란색으로 활성화 된 필드 이름을 클릭하시면 힌트가 뜨는 것을 보실 수 있습니다.

html 코드가 추가된 필드를 넣고자 하는 경우/디자인 하고 싶은 경우

이 경우에는 html 코드 안에 힌트를 집어넣어야 합니다.

여기서 혹시 저처럼 이미지를 힌트로 넣고자 하는데 이미지 주소를 가져다 붙여넣으신 분들이라면,

을 넣으시면 됩니다.

힌트 html 코드 추가
힌트 html 코드 추가

이 경우에도 마찬가지로 코드가 제대로 작성되었다면 미리보기를 통해 보실 수 있습니다.

안키 TTS 오디오 넣기

TTS란?

TTS는 Text to Speech의 약자입니다. 말 그대로 문자를 읽어주는 서비스를 말합니다.

안키에서 TTS 리스트 보는 방법

기존에는 안키에서 이 TTS를 이용하려면 애드온(Add-on, 다음 포스팅에서 다룰 예정입니다)이라고 하는 플러그인을 이용해야 오디오를 넣을 수 있었는데요. 이제는 안키 자체에서 컴퓨터에 있는 보이스를 통해 TTS 를 넣을 수 있도록 업그레이드 되었습니다. 다만 리눅스 유저의 경우 디바이스에 내장된 오디오가 없기 때문에 애드온을 쓰셔야 합니다. 리눅스가 아니라 일반 윈도우, 맥을 사용하시는 분들이라면 아래 링크를 무시하시면 됩니다.

리눅스 용 TTS(Text To Speech) 플러그인 다운받기

카드 편집창에 아래 소스를 넣으시면 언어 리스트를 보실 수 있는데요.

안키 TTS 리스트 보는 법
안키 TTS 리스트 보는 법

저는 맥을 쓰고 있는데 맥의 경우 지원하는 보이스 리스트들은 다음과 같습니다. 맥을 쓰시는 분들이라면 아래 리스트 중에서 원하는 언어 코드(예: 독일어는 de_DE, 영국식 영어 en_GB)를 찾아 골라 쓰시면 됩니다! 윈도우를 쓰시는 분들은 위와 같이 카드 편집창에 {{tts-voices:}}를 넣으시면 미리보기 창에서 리스트를 보실 수 있습니다.

카드에 TTS 적용하는 방법

리스트 중에서 마음에 드는 것을 고른 후 해당 소스를 복사 해 왼쪽 편집창에 붙여 넣으면 됩니다. {{tts en_GB voices=Apple_Daniel}} 저는 이걸 골랐고 {{단어}} 필드를 발음해주길 원합니다. 그러면 다음과 같이 넣을 수 있습니다.

즉,

이렇게 넣으시면 됩니다.

안키에 TTS를 적용한 모습
안키에 TTS를 적용한 모습

여기까지 안키를 쓰면서 꼭 쓰게 될 방법들을 모아봤습니다. 도움이 되셨으면 좋겠습니다! 🙂