VS Code에서 무료로 사용할 수 있는 강력한 AI 코딩 도우미를 찾고 계신가요? 이 영상에서는 Cline 확장 프로그램과 Google의 무료 Gemini Pro API를 활용해 9분 만에 완벽한 AI 코딩 환경을 구축하는 방법을 알려드립니다.
주요 내용 요약
1. Cline 설치 및 API 설정
영상에서는 먼저 VS Code에 Cline 확장 프로그램을 설치하는 과정을 보여줍니다. Cline은 코드 파일럿과 유사하지만, 무료로 사용할 수 있는 AI 코딩 도우미입니다. 설치 시 Auto Update 옵션을 체크하고, 설치 후에는 Claude Sonnet 대신 무료인 Gemini 2.5 Pro 모델을 선택합니다. Google AI Studio에서 API 키를 생성하여 Cline에 설정해주면 기본 설정이 완료됩니다.
2. MCP 서버 설정
다음으로 MCP(Multi-agent Conversation Protocol) 서버를 설정하는 과정을 보여줍니다. MCP 서버 설정을 클릭하면 Browser Use 테스트를 진행할 수 있습니다. 초기에는 uvicorn을 사용하지만, 오류가 발생하면 uvicorn.x로 변경하여 문제를 해결합니다. 설정 과정에서 pip를 통해 필요한 라이브러리들이 자동으로 설치되며, 특히 Microsoft에서 개발한 Playwright 브라우저 자동화 도구가 설치됩니다. JSON 설정 파일에서 기본 모델을 Claude Sonnet에서 무료인 Gemini Pro로 변경하여 비용을 절감할 수 있습니다.
3. 웹 스크래핑 기능 테스트
설정이 완료된 후, 브라우저 자동 제어를 통한 웹 페이지 정보 수집 기능을 테스트합니다. 먼저 robots.txt 파일을 분석하여 해당 웹사이트가 크롤링 가능한지 확인하는 방법을 보여줍니다. 영상에서는 Vulture AI 사이트에 접속하여 데이터를 수집하고, 이를 노트 형태로 정리하는 과정을 시연합니다. 이 기능을 활용하면 반복적인 웹 데이터 수집 작업을 자동화할 수 있습니다.
핵심 인사이트
- VS Code에서 Cline + Gemini Pro 2.5 조합으로 무료 AI 코딩 도우미 활용 가능
- MCP 서버와 Browser Use 기능을 통해 웹 스크래핑 및 자동화 작업 가능
- robots.txt 분석을 AI에게 맡겨 크롤링 가능 여부 쉽게 확인 가능
- 단순 코딩뿐만 아니라 웹 데이터 수집 및 정리 작업도 자동화 가능
관련 자료
- Google AI Studio: https://aistudio.google.com (API 키 발급)
- VS Code 확장 프로그램: Cline
- Playwright: 웹 브라우저 자동화 도구 (Microsoft 개발)
이 튜토리얼을 따라하면, 비싼 유료 AI 코딩 도구를 구독하지 않고도 강력한 AI 코딩 도우미를 VS Code에서 활용할 수 있습니다. 특히 웹 정보 자동 수집 기능은 개발자와 기획자 모두에게 큰 도움이 될 것입니다.