VS Code에 Roo Code를 설치하는 것은 매우 간단하지만 혁신적인 과정입니다. AI를 코드 편집에 직접 통합하기이 게시물에서는 모델 제공업체를 이용한 설치 및 구성부터 워크플로우 개선을 위한 활용법까지 전체 과정을 단계별로 설명합니다.
Roo Code란 무엇이며, 왜 사용해야 할까요?
AI는 모든 프로그래머의 꿈을 실현시켰습니다. 코드를 작성하고, 제안하고, 편집하고, 디버깅하고, 실시간으로 테스트하는 자율적인 코드 보조 도구Roo Code는 그러한 꿈을 실현한 결과물로, 탁월한 Visual Studio Code 편집기를 위한 확장 프로그램입니다. 채팅 패널에서 설명을 제공하거나 간단한 코드 조각을 완성하는 데 그치는 다른 보조 도구들과 달리, Roo Code는 마치 베테랑 개발자가 옆에서 도와주는 것처럼 설계되었습니다.
이 도구는 다양한 기능과 장점을 가지고 있습니다. 예를 들어, 작업 공간의 전체 구조를 이해할 수 있습니다. 파일 시스템과 상호 작용하고, 통합 터미널에서 명령을 실행하고, 컴파일 오류를 진단하고 수정할 수도 있습니다. 또한, 자연어로 제공된 지침에 따라 코드를 작성합니다. 심지어 전체 시스템 구조까지 계획할 수 있습니다.
이 도구는 또한 다양한 작동 모드를 통해 사용자의 작업 흐름에 맞춰 사용할 수 있습니다.단 한 번의 클릭으로 아키텍트, 코드 작성, 질문하기와 같은 전문 역할 간에 전환하여 개발 중인 프로젝트에 맞게 모델의 초점을 조정할 수 있습니다. 또한 서버 측 및 로컬 환경 모두에서 다양한 언어 제공업체와 호환됩니다.
VS Code에 Roo Code를 설치하는 방법
있습니다 VS Code에 Roo Code를 설치하는 몇 가지 방법가장 간단하고 권장되는 방법은 VS Code 인터페이스 내의 확장 프로그램 마켓플레이스를 이용하는 것입니다. Open VSX Registry(VSC-Codium, Windsurf 등)를 사용하거나 GitHub에서 다운로드한 .vsix 파일을 설치하는 방법도 있습니다. 여기서는 첫 번째 권장 방법을 자세히 설명하겠습니다.
방법은 간단합니다. Visual Studio Code를 열고 왼쪽 사이드바에서 확장 프로그램 아이콘을 클릭하세요. 상단의 검색 상자에 Roo Code를 입력합니다. 검색 엔진이 결과를 필터링하여 Roo Code를 표시합니다. 공식 Roo Code 확장 프로그램 첫 번째 옵션으로 클릭하세요. 설치하다 완료되면 오른쪽 사이드바에 새로운 루 코드 아이콘이 표시됩니다.
VSIX 파일에서 수동 설치
VS Code에 Roo Code를 설치하는 또 다른 방법은 다음과 같습니다. VSIX 파일을 사용하여이 방법은 마켓플레이스 이용에 문제가 있거나 특정 버전의 도구를 설치하려는 경우에 유용합니다. 단계는 매우 간단합니다.
- 가세요 Roo Code의 GitHub "릴리스" 페이지.
- 원하는 버전의 .vsix 파일을 다운로드하세요.
- VS Code에서 확장 프로그램으로 이동하여 탭의 오른쪽 상단에 있는 가로 점 세 개("...")를 클릭합니다.
- 플로팅 메뉴에서 "VSIX에서 설치"를 클릭하세요.
- 다운로드한 .vsix 파일을 찾아 선택하십시오. 설치가 곧 시작됩니다.
대체 설치 방법: VSX 레지스트리 열기
반면에, VSCodeum, Windsurf 또는 VS Code와 호환되는 다른 편집기를 사용하는 경우하지만 마켓플레이스에 접속할 수 없더라도 Roo Code는 Open VSX Registry에서도 이용 가능합니다. 에디터를 열고 확장 프로그램 섹션으로 이동하여 Roo Code를 검색한 후 RooVeterinaryInc에서 게시한 확장 프로그램을 설치하면 됩니다.
VS Code에 Roo Code 설치하기: AI 공급자 구성(API 키)
VS Code에 Roo Code를 설치한 후에는 다음 단계를 따라야 합니다. AI 제공업체를 구성합니다 이 도구가 작동하려면 API 키가 필요합니다. 이 과정은 매우 직관적이지만, 제공업체의 API 키가 필요합니다. 이 예에서는 기본 제공업체이자 첫 번째 옵션으로 표시되는 OpenRouter의 API 키를 사용하겠습니다. (자세한 내용은 해당 항목을 참조하세요.) 프로그래밍 실력을 향상시키기 위해 Roo Code와 OpenRouter를 연결하는 방법).
첫 번째 단계는 Visual Studio Code를 여는 것입니다(Roo Code를 설치한 후에는 모든 것이 제대로 작동하는지 확인하기 위해 VS Code를 다시 시작하는 것이 좋습니다). 실행 후, 왼쪽 사이드바에서 루 코드 아이콘을 클릭하세요.그러면 환영 메시지와 함께 상담원 사이드 패널이 열립니다. 시작하기를 클릭하세요.
이 도구가 가장 먼저 요청하는 작업은 AI 제공업체를 선택하는 것입니다. 탭을 펼치세요. API 제공업체 해당 도구와 호환되는 제공업체 목록을 보려면 Anthropic, DeepSeek, Google Gemini, LiteLLM, LM Studio, OpenAI, xAI(Grok) 및 OpenRouter를 포함한 옵션을 확인하세요.
제공업체를 선택하신 후에는 다음을 포함한 여러 항목을 작성하셔야 합니다. API 키를 기록해 두세요.아래쪽 '모델' 필드에는 공급업체가 제공하는 모든 모델이 있는 탭이 있습니다. Roo Code는 기본적으로 하나의 모델을 선택하지만, 목록에서 원하는 모델을 선택할 수 있습니다. 마지막으로 클릭하세요. 마치다 자, 이제 VS Code에 Roo Code를 설치하고 처음 사용할 설정을 완료했습니다.
VS Code에서 Roo Code가 작동하는 방식 이해하기
VS Code에 Roo Code를 설치하고 AI 공급자를 구성한 후에는 도구를 테스트하는 것만 남았습니다. 다음 사항을 참고하십시오. Roo Code는 모드를 통해 상호 작용을 구성합니다.이를 통해 필요에 따라 상담원의 응답 유형을 제한하거나 지정할 수 있습니다. 예를 들면 다음과 같습니다.
- El 코드 모드 이것은 기본 편집기입니다. 코드 작성, 파일 생성, 기존 로직 리팩토링 및 버그 수정에 최적화되어 있습니다. 또한 코드 변경을 직접 요청할 수 있는 권한도 있습니다.
- El 건축가 모드 이 도구는 소프트웨어 설계의 초기 단계를 위해 설계되었습니다. 파일 구조를 계획하거나, 구성 요소 아키텍처를 도식화하거나, 코드를 작성하기 전에 기술적 결정 사항을 논의하는 데 사용할 수 있습니다.
- El 질문 모드 이 도구는 순전히 정보 제공용입니다. 프로젝트에 대한 질문에 답하고, 코드 조각을 설명하거나, 수정이나 명령 실행 없이 정보를 검색합니다.
지금 바로 시도해 보세요! 예를 들어, 다음과 같이 할 수 있습니다. 채팅창에 자연어로 지시사항을 작성하세요예를 들어 "JSON 설정 파일을 읽고 FastAPI를 사용하여 기본 웹 서버를 구성하는 Python 스크립트를 작성하세요. 설명 주석과 requirements.txt 파일을 포함하세요."와 같은 내용입니다.
Roo Code는 컨텍스트를 분석하고, 단계를 계획하고, 생성 및 수정할 파일의 미리보기를 보여줍니다. 어떤 작업을 실행하기 전에 해당 작업을 승인할지 묻는 메시지가 표시됩니다.그러면 프로세스를 검토하고 제어할 수 있습니다. VS Code에 Roo Code를 설치하는 것은 확실한 선택입니다. 모든 프로그래머의 꿈이라고 말씀드렸잖아요!
어릴 적부터 과학과 기술, 특히 우리 삶을 더 편리하고 즐겁게 만들어주는 기술 발전에 매료되었습니다. 최신 뉴스와 트렌드를 파악하고, 제가 사용하는 기기들에 대한 경험, 의견, 팁을 공유하는 것을 좋아합니다. 이러한 관심 덕분에 5년 전부터 웹 작가가 되었고, 주로 안드로이드 기기와 윈도우 운영체제에 초점을 맞춰 글을 쓰고 있습니다. 복잡한 개념도 독자들이 쉽게 이해할 수 있도록 간결하게 설명하는 능력을 키워왔습니다.