동사와 목적어: 오퍼레이터 + 모션

동작하는 코드

아래 텍스트가 Vim에 열려 있다고 생각해 보세요.

const userName = "Alice";
const userAge = 25;
const userEmail = "alice@example.com";

커서가 userName의 N 위에 있을 때, 다음 명령어를 입력해 보세요.

dw      → "ame" 삭제 (커서부터 단어 끝까지)
d$      → 커서부터 줄 끝까지 삭제
cw      → 커서부터 단어 끝까지 삭제하고 입력 모드 진입

Vim 명령어는 한국어 문장과 비슷한 구조를 가지고 있어요. "삭제해(d) 단어를(w)"처럼, 동사(오퍼레이터) 뒤에 **목적어(모션)**가 오는 형태예요.

직접 수정하기

이 코드에서 변수 이름을 리팩토링해 봅시다.

let result = calculateTotal(price, tax);
let message = "Total: " + result;
console.log(message);

1. result 위에 커서를 놓고 cw를 입력하세요. result가 삭제되고 입력 모드로 전환돼요. total을 입력하고 Esc를 누르세요.
2. 두 번째 줄의 "Total: " 위에서 ci" — 따옴표 안의 내용만 바꿀 수 있어요 (이건 다음 레슨에서 자세히 배워요).
3. console.log(message); 줄에서 d$로 줄 끝까지 삭제해 보세요.

"왜?"

Vim은 언어다

Vim 명령어는 문법 규칙을 가진 언어예요. 이 규칙만 이해하면, 명령어를 외우는 게 아니라 조합할 수 있어요.

오퍼레이터 (동사):

모션 (목적어):

조합 테이블

오퍼레이터와 모션을 조합하면 이렇게 돼요.

3개의 오퍼레이터와 6개의 모션만 알면, 18가지 명령어를 사용할 수 있어요.

숫자를 더하면 더 강력해진다

오퍼레이터 앞이나 모션 앞에 숫자를 붙이면 반복 횟수를 지정할 수 있어요.

d2w     → 단어 2개 삭제
3dd     → 현재 줄부터 3줄 삭제
y5j     → 현재 줄부터 아래로 5줄 복사

줄 단위 단축키

오퍼레이터를 두 번 입력하면 현재 줄 전체에 적용돼요.

dd      → 현재 줄 삭제
yy      → 현재 줄 복사
cc      → 현재 줄 삭제 후 입력 모드

d와 c의 차이

d와 c는 둘 다 텍스트를 삭제하지만, c는 삭제 후 자동으로 입력 모드에 진입해요. 텍스트를 다른 내용으로 교체할 때 c를 쓰세요.

dw  → 단어 삭제, 노멀 모드 유지
cw  → 단어 삭제, 입력 모드 진입 → 바로 새 단어 입력 가능

심화 학습

var oldName = "hello";
var oldValue = 42;
console.log(oldName + oldValue);