<aside> 🧩 클로드 코드로 바이브 코딩할 때 꼭 함께 설치해야 하는 플러그인 5가지 정리본이에요. 다섯 개 전부 무료로 시작할 수 있고, 설치는 명령어 한 줄 붙여넣기면 끝나요. 코딩이 처음이어도 따라올 수 있게 터미널 여는 것부터 차근차근 안내할게요.

</aside>

🔰 시작 전 준비 — 이것만 알면 돼요

① 터미널 여는 법 — 터미널은 컴퓨터에게 문자로 명령을 내리는 창이에요. 아래 명령어들은 전부 이 창에 붙여넣기만 하면 됩니다.

• Mac: 키보드에서 Cmd + Space를 누르고 터미널이라고 검색한 뒤 Enter
• Windows: 시작 버튼을 누르고 PowerShell을 검색한 뒤 Enter

② Node.js 확인 — 다섯 개 중 세 개가 Node.js(명령어 실행 엔진)를 사용해요. 터미널에 아래를 붙여넣어 확인하세요.

node -v

v18 이상 숫자가 나오면 준비 끝이에요. 아무것도 안 나오면 nodejs.org에서 LTS 버전을 내려받아 설치한 뒤 터미널을 껐다 다시 켜 주세요.

③ 설치 순서는 자유예요 — 다섯 개를 다 깔 필요도 없어요. 아래 '이럴 때 쓰세요'를 보고 지금 필요한 것부터 하나씩 설치하면 됩니다.

1. Context7 — AI에게 최신 문서를 공급해요

어떤 플러그인인가요?

AI는 학습이 끝난 시점의 옛날 정보로 코드를 짜는 경우가 많아요. Context7은 지금 쓰고 있는 라이브러리(미리 만들어진 코드 묶음)의 최신 공식 문서를 AI에게 실시간으로 전달해서, 옛날 방식이나 없는 기능으로 코드를 짜는 실수를 막아줍니다.

이럴 때 쓰세요

• AI가 알려준 코드가 실제로는 없는 기능이라며 에러가 날 때
• 새로 나온 도구나 최신 버전을 쓰는데 AI가 자꾸 옛날 방식으로 코드를 짤 때

설치 방법

1. 터미널을 열어요. (위 '시작 전 준비' 참고)
2. 아래 명령어를 복사해서 터미널에 붙여넣고 Enter를 눌러요.