VimKata: Learn Vim Visually

VimKata는 Vim 학습을 위한 보조 앱입니다. 어떤 명령어가 있는지, 어떻게 조합되는지, 언제 사용해야 하는지 등 기본적인 개념을 알려줍니다. 실제 키보드를 사용하면 손가락 감각을 키울 수 있습니다. 앱에서 학습하고 에디터에서 적용해 보세요.

모든 명령어는 연습하기 전에 시연됩니다. 버퍼는 단계별로 애니메이션으로 표시되고, 키보드 모형은 누르는 키를 강조 표시하며, 레지스터 표시기는 저장된 내용을 보여줍니다. 명령어를 사용하기 전에 그 기능을 미리 확인할 수 있습니다.

◆ 보조 도구, 대체 도구가 아닙니다

VimKata는 머릿속으로 명령어 모델을 익히도록 도와줍니다. 스마트폰은 문법을, 터미널은 타이핑을 가르쳐줍니다. 출퇴근길, 휴식 시간, 또는 자기 전에 10분 정도 VimKata를 사용해 보세요. 그리고 배운 내용을 실제 키보드에 적용해 보세요.

◆ 데모 → 카타 사이클

각 연습은 애니메이션 데모로 시작합니다. 키 입력 타임라인은 각 단계를 보여줍니다. MacBook 키보드 모형은 누르는 키를 강조 표시합니다. 그런 다음 화면 키보드에서 연습합니다. 추측할 필요 없이 먼저 확인하고 시도해 보세요.

◆ 실제 코드로 연습하세요

연습 문제는 실제 JavaScript, Python, HTML, CSS, Markdown 코드를 사용하며, 단순한 예제 코드가 아닙니다. 각 연습 문제는 구체적인 수정 목표를 가지고 있습니다. 바로 이 코드를 저 코드로 바꾸는 것입니다. 연습 문제당 하나의 개념만 다룹니다.

◆ 모든 키 입력에 점수를 매기세요

모든 연습 문제는 S(만점)부터 D(계속 연습 필요)까지 등급을 부여합니다. 완료 후 앱에서 최적의 해결책과 사용자의 코드를 나란히 보여주므로 어떤 명령어가 더 간결한지 정확히 확인할 수 있습니다. 점수를 높이려면 다시 시도해 보세요.

◆ 7단계, 135개 연습문제

• L1: 기본 동작 — h j k l w b e 0 $ gg G f t

• L2: 기본 편집 — x dd dw yy p P cw o

• L3: 연산자 + 동작 — de ct df dt ye cc 3w

• L4: 텍스트 객체 — diw daw ciw ci" da" ci( di( ci{

• L5: 비주얼 모드 — v V d y c ~ o

• L6: 탐색 마스터 — W B E F T ; , %

• L7: 빠른 편집 — r s J O I D C ^ ~

레벨 1~3은 무료입니다. 레벨 4~7은 일회성 구매로 잠금 해제됩니다.

각 레벨에는 소개 연습문제(가이드 제공, 한 번에 하나의 명령), 실습 연습문제(실제 코드, 전체 데모), 심화 연습문제(데모 없음, 힌트 없음, 테스트 통합)가 포함되어 있습니다. 스킬).

◆ VIM은 언어입니다

대부분의 사람들은 Vim을 명령어 목록으로 배우지만, VimKata는 그 이면에 숨겨진 시스템, 즉 동작으로 텍스트를 구성하는 연산자를 가르쳐줍니다. 단어를 삭제하고, 줄 끝으로 이동하고, 문자를 드래그하여 텍스트를 입력할 수 있습니다. 이 원리를 이해하면 더 이상 명령어를 암기하지 않고 바로 텍스트를 구성할 수 있습니다.

◆ 나만의 연습 목록을 만드세요

적극적으로 배우고 있는 명령어 연습 문제를 북마크해 두세요. 홈 화면의 '저장됨' 탭에서 개인 연습 목록에 빠르게 접근할 수 있습니다.