VSCode + Cline + Gemini로 구축하는 '저가형? & 초고속' AI 구동 개발 환경

서론

최근에는 AI를 활용한 코드 생성이나 리팩토링이 일상이 되었습니다.

지금까지는 Cursor나 GitHub Copilot이 주류였지만, 오픈소스 VSCode 확장 기능인 Cline과 고정밀하면서도 압도적인 가성비를 자랑하는 Google Gemini API를 조합한 구성이 매우 강력하다고 느꼈습니다.

한때 RooCode + Gemini를 사용했었으나 Cline으로 바꾼 것에 대한 과정입니다. 결과적으로 Cline에서도 이질감 없이 사용할 수 있었습니다.

또한, GeminiCodeAssist를 사용하라는 이야기도 들리지만 필요한 설정이 너무 많아 보였기 때문에, 심플한 구성을 택했고 앞으로 Gemini 외의 모델도 고려할 의미에서 이 세트를 구성했습니다.

결과적으로 Gemini에 대한 과금이 예상보다 비쌌습니다... 하루에 1천 엔, 2천 엔 정도 발생했습니다...

재검토하는 것도 고려하고 있지만 적절한 선을 검토한다는 의미에서의 기록입니다. 모델 종류에 따라 비용을 줄일 수 있는 것 같습니다. 모델을 gemini-3.1-flash-lite로 설정하면 비용이 절반으로 줄어듭니다. 그래도 꽤 비용이 들까 싶습니다.

본 기사에서는 이 조합의 세팅 과정부터, 실제로 사용해 본 솔직한 감상, 최적의 활용 노하우를 정리했습니다.

전체 구성과 장점

이번에 구축할 환경의 구성은 다음과 같습니다.

• 에디터: VSCode -
• AI 확장 기능: Cline -
• LLM: Google Gemini API (Gemini XXX Pro / Flash)

왜 이 조합인가?

• 압도적인 비용 효율성 - Gemini API는 무료 사용량이 풍부하며, 유료 이용(Pay-as-you-go)으로 전환해도 다른 모델(Claude 3.5 Sonnet 등)에 비해 현저히 저렴합니다.

• 제 지식 부족으로 현재로서는 이 정도일 거라고 생각했습니다. 매우 싸다고는 생각하지 않습니다.

• 긴 컨텍스트 창 - 최대 100만~200만 토큰의 입력에 대응하며, 대형 리포지토리의 컨텍스트 유지에 강합니다.

• 이것은 사실인가... 에이전트에게 맡겼을 때는 불만이 없었습니다.

• Cline의 자율적인 작업 실행 - 파일 읽기/쓰기는 물론, 터미널 명령어 실행이나 빌드 오류 자동 복구까지 해줍니다.

• 동작 자체는 기대대로입니다.

세팅 과정

세팅은 단 몇 분 만에 완료됩니다.

1. Gemini API 키 가져오기

• Google AI Studio 에 접속합니다.
• 'Get API key'에서 새로운 API 키를 발급받아 저장해 둡니다.

2. VSCode에 Cline 설치

• VSCode의 확장 기능 탭을 엽니다.
• Cline으로 검색하여 설치합니다.

3. Cline 설정

• 사이드바에 추가된 Cline 아이콘을 클릭하고, 설정을 (톱니바퀴 모양) 엽니다.
• API Provider:Google Gemini를 선택합니다. -
• API Key: 가져온 Gemini API 키를 입력합니다. -
• Model: 용도에 따라 모델을 선택합니다.
• gemini-3.8-flash: 어느 정도는 할 수 있다는 인식

실제로 사용해 본 감상 (장점/단점)

⭕ 좋았던 점

• 컨텍스트의 넓이가 활용됨 - 여러 파일에 걸친 리팩토링이나, 기존 코드베이스 로딩 시 오류가 적습니다.

• 비용을 신경 쓰지 않고 시도 가능 - 에러 로그 분석이나 테스트 코드 양산 등 토큰 소모를 걱정하지 않고 몇 번이고 시도하고 수정할 수 있습니다.

• Cline의 툴 실행 능력과 잘 맞음 - 터미널에서의 명령어 실행 확인이나 테스트 자동화와 궁합이 좋습니다.

❌ 아쉬웠던 점/주의점

• 코드 생성의 '습관' - Claude 3.5 Sonnet과 비교했을 때, 초복잡한 의존 관계 추론이나 엣지 케이스 대응에서 다소 대충 처리하는 출력을 할 때가 있습니다.

• 프롬프트 제시 방식에 노력이 필요함 - 추상적인 지시보다는 '어떤 파일을 어떻게 변경할 것인지'를 명확하게 제시해 주는 것이 의도한 코드를 얻기 쉽습니다.

⚠️ [IMG:N] 형식 토큰은 이미지 placeholder 입니다. 번역하지 말고 원래 위치에 그대로 유지하세요.

• 무엇보다 비용 - 현재 에이전트에게 새로운 애플리케이션 생성을 맡겼을 때, 하루 만에 1,000엔이 넘는 비용이 발생하는 경우가 빈번했습니다...
• 편리하지만, Google AI Studio에서 과금 상황 확인은 필요하다고 생각합니다.

최적의 활용 노하우 (Know-how)

.clineignore를 올바르게 설정하기

빌드 생성물이나 의존 라이브러리(node_modules/, dist/ 등)를 Cline의 탐색 대상에서 제외함으로써, 불필요한 토큰 소비를 줄이고 정확도를 높일 수 있습니다.

2. 큰 작업은 '설계'와 '구현'으로 나누기

코드 전체를 한 번에 작성하도록 요청하기보다는, 먼저 '~~의 구현 계획을 작성해 달라'고 요청하고, 방향성에 문제가 없다면 '계획대로 코드를 수정해 달라'고 지시하는 것이 성공의 비결입니다.

요약

VSCode + Cline + Gemini 조합은 편안하게 사용하고 싶은 분들에게 최적의 선택지라고 생각합니다. 다만, 거듭 말씀드리지만 Google AI Studio의 과금 상황은 신경 쓰는 것이 좋다고 생각합니다.

앞으로는 'Cline＋Ollama・QWen', 'Cline＋NIM・QWen', 'Cline＋OpenRouter・QWen'을 시도해 볼 예정입니다.

'Cline＋Ollama・QWen'은 에이전트가 작동하지 않았기 때문에 제외한다고 가정합니다.

Discussion