Continue.dev는 코드 효율성을 향상하고 개발 워크플로우를 간소화하기 위해 설계된 AI 기반 통합 개발 환경(IDE)입니다. 기존 코드 편집기와 원활하게 통합되어 AI 지원 코드 완성, 디버깅 및 지능형 리팩토링 기능을 제공합니다. 이 가이드는 Continue.dev를 효과적으로 사용하는 방법을 안내하며 설치, 설정, 주요 기능 및 모범 사례를 다룹니다.
설치 및 설정
1. Continue.dev 설치하기
시작하려면, Continue.dev를 설치하기 위해 다음 단계를 따르세요:
- 플러그인 다운로드: 공식 Continue.dev 웹사이트를 방문하고 선호하는 IDE(VS Code, JetBrains 또는 지원되는 편집기)의 플러그인을 다운로드하세요.
- 확장 프로그램 설치: VS Code에서: 확장 마켓플레이스를 열고 “Continue.dev”를 검색한 후 설치를 클릭하세요.
- Continue 로고가 왼쪽 사이드바에 나타납니다. 더 나은 경험을 위해 Continue를 오른쪽 사이드바로 이동하세요.
- 허브에 로그인하여 첫 번째 어시스턴트를 시작하세요.
JetBrains
- JetBrains IDE를 열고 설정을
Ctrl+Alt+S를 사용하여 엽니다. - 플러그인 마켓플레이스를 열고 “Continue.dev”를 검색한 후 설치하세요.
설치를 클릭하면 Continue 로고가 오른쪽 툴바에 나타납니다.- 허브에 로그인하여 첫 번째 어시스턴트를 시작하세요.
IDE 재시작: 설치가 완료되면 IDE를 다시 시작하여 AI 기능을 활성화하세요.
로그인
"시작하기"를 클릭하여 허브에 로그인하고 어시스턴트를 사용하세요.
2. Continue.dev 설정하기
설치 후 최적의 성능을 위해 Continue.dev를 설정하세요:
로그인: Continue.dev 계정을 사용하여 전체 기능을 사용하세요.
API 키 설정 (필요한 경우): 설정에서 AI 모델 API 키를 입력하세요.
AI 설정 조정: AI 제안, 자동 완성 및 디버깅 환경 설정을 사용자 정의하세요.
주요 기능
1. AI 기반 코드 완성
Continue.dev는 사용자의 코딩 스타일에 따라 코드 스니펫을 예측하고 제안하여 개발 속도를 크게 높입니다. 다음을 수행할 수 있습니다:
함수, 변수 및 전체 코드 블록 자동 완성.
기존 프로젝트 구조에 따라 문맥 기반 제안 제공.
자동 완성 사용 방법
자동 완성 기능은 타이핑하면서 인라인 코드 제안을 제공하여 코딩을 더 빠르고 효율적으로 만듭니다.
자동 완성 활성화: IDE 오른쪽 하단 상태 표시줄의 "Continue" 버튼을 클릭하거나, IDE 설정에서 "Tab 자동 완성 활성화"가 체크되어 있는지 확인하세요.
제안 관리
전체 제안 수락: Tab을 누릅니다.
전체 제안 거부: Esc를 누릅니다.
부분적으로 제안 수락: 보다 정밀한 제어를 위해 Cmd/Ctrl + →를 사용하여 단어별로 수락하세요.
2. IDE에서 LLM 도움을 위한 채팅 사용 방법
채팅을 통해 IDE를 떠나지 않고 LLM에게 쉽게 도움을 요청할 수 있습니다. 관련 정보를 담아 작업을 보내면, LLM이 작업을 완료할 가능성이 있는 텍스트나 코드로 응답합니다. 응답이 정확하게 필요로 하는 것이 아닐 경우, 후속 메시지를 보내 결과를 다듬을 수 있습니다.
채팅은 코드 이해 또는 반복 작업에서 이상적이며, 전통적인 검색 엔진 쿼리를 대체하는 데도 유용합니다.
기본 작업
요청 입력 후 Enter 누르기: 질문이나 요청을 간단히 입력하면 LLM이 답변이나 해결책을 제공합니다.
맥락을 위한 코드 강조: 코드 섹션을 선택한 후 Cmd/Ctrl + L (VS Code) 또는 Cmd/Ctrl + J (JetBrains)를 눌러 LLM에 전송하세요. 그런 다음 설명을 요청하거나 리팩토링을 요청할 수 있습니다.
@ 기호로 문맥 참조하기: 코드베이스, 문서, IDE 또는 기타 도구에서 추가 문맥을 포함하려면 @를 입력하여 선택하고 쿼리에 추가하세요.
고급 작업
생성된 코드를 파일에 적용: LLM이 코드 변경을 제안할 경우, "적용" 버튼을 클릭하여 편집기에서 코드를 업데이트하세요.
새로운 세션 시작: 새 작업을 위해 Cmd/Ctrl + L (VS Code) 또는 Cmd/Ctrl + J (JetBrains)를 눌러 새로운 세션을 시작하세요. 이렇게 하면 새 작업에 해당하는 문맥만 포함됩니다.
모델 간 전환: 사용 가능한 여러 모델이 있는 경우, 드롭다운을 사용하거나 Cmd/Ctrl + '를 눌러 전환할 수 있습니다.
3. 편집
코드 수정을 위한 편집 사용 방법
편집은 특정 코드 및 파일에 대해 빠르고 목표 지향적인 변경을 할 수 있는 편리한 방법입니다. 코드를 강조하고 변경 사항을 설명한 다음 인라인에서 차이를 보며 쉽게 수락하거나 거부할 수 있습니다.
편집은 다음과 같은 작은 특정 작업에 가장 적합합니다:
주석 작성
단위 테스트 생성
함수 또는 메서드 리팩토링
편집 사용 단계
코드 강조 및 편집 모드 활성화: 수정하고자 하는 코드 블록을 선택한 다음 Cmd/Ctrl + I를 눌러 편집 모드를 활성화합니다. 코드가 강조되지 않은 경우에도 Cmd/Ctrl + I를 눌러 편집 모드에 들어갈 수 있습니다.
코드 변경 내용 설명: 강조된 코드에 대해 모델이 변경해야 할 내용에 대해 간단하고 명확한 설명을 제공합니다. 보다 복잡한 변경의 경우, 대신 채팅 기능을 사용하세요.
변경 내용 수락 또는 거부: 인라인 차이가 강조된 텍스트 안에 나타납니다.
변경을 수락하려면 Cmd/Ctrl + Opt + Y를 사용하세요.
변경을 거부하려면 Cmd/Ctrl + Opt + N을 사용하세요.
모든 변경을 한 번에 수락하거나 거부하려면 Cmd/Ctrl + Shift + Enter (수락) 또는 Cmd/Ctrl + Shift + Delete/Backspace (거부)를 누릅니다.
새 제안을 요청하려면 Cmd/Ctrl + I를 다시 누릅니다.
추가 기능
VS Code: VS Code에서 편집 기능은 확장 사이드바에 Chat과 유사한 인터페이스로 제공됩니다. 채팅 입력 아래의 모드 선택기도 사용하여 편집 모드로 전환할 수 있습니다.
JetBrains: JetBrains에서 편집 기능은 단일 파일 편집을 위한 인라인 팝업으로 구현되며, 다중 파일 편집은 지원되지 않습니다.
편집할 파일 추가
강조된 코드 추가 외에도, 파일 추가 콤보박스를 사용하거나 드롭다운을 클릭하여 모든 열린 파일 추가를 선택하여 현재 편집기에서 열려 있는 모든 파일을 수동으로 추가할 수 있습니다.
파일 추가 콤보박스
모든 열린 파일 추가 드롭다운
단일 파일 편집: 편집할 코드에 한 파일/범위가 제출되면 Continue는 편집 모델을 호출하고 차이를 편집기로 자동 스트리밍합니다.
다중 파일 편집: 편집할 코드에 여러 파일/범위가 제출되면 Continue는 파일별로 코드 블록을 출력하라는 편집 모델을 호출하며, 사용자는 이를 수용하거나 독립적으로 수락/거부할 수 있습니다.
생성된 콘텐츠
차이
4. 에이전트
에이전트와 채팅 사용하는 방법
에이전트는 채팅과 동일한 인터페이스 내에 통합되어 원활한 커뮤니케이션 및 작업 관리를 가능하게 합니다. 자연어 지침을 에이전트에게 제공할 수 있으며, 에이전트는 요청을 완료하는 데 필요한 단계를 처리합니다.
에이전트와 채팅하는 단계
자연어 지침: 다음과 같은 자연어로 요청을 간단히 입력하세요:
“이 프로젝트의 모든 eslint 구성에 대해 @typescript-eslint/naming-convention 규칙을 'off'로 설정하세요.”
에이전트는 작업을 완료하기 위해 적절한 도구와 작업을 자동으로 선택할 것입니다.
문맥 제공: 에이전트와 채팅할 때 @ 문맥 제공자 또는 편집기의 강조된 코드를 추가하는 방법으로 문맥을 제공할 수 있습니다.
에이전트 사용의 장점
자동화: 에이전트는 요청을 처리하고 수동 개입 없이 작업을 수행하는 방법을 결정합니다.
효율성: 작업에 어떤 도구를 사용할지 파악할 필요가 없으며, 에이전트가 자동으로 이를 처리합니다.
에이전트에게 권한 부여
기본적으로 에이전트는 도구를 사용하려고 할 때 권한을 요청합니다. Continue를 클릭하여 에이전트 모드가 도구 호출을 진행하도록 허용하거나 취소를 클릭하여 거부하세요.
도구 응답 보기
도구 호출에서 반환된 모든 데이터는 자동으로 모델에 문맥 항목으로 피드백됩니다. 대부분의 오류도 포착되어 반환되므로 에이전트 모드가 진행 방법을 결정할 수 있습니다.
Apidog MCP 통합으로 AI IDE 향상시키기
Continue.dev 경험을 Apidog MCP Server와 함께 다음 단계로 끌어올리세요. 이 통합을 통해 AI 기반 IDE가 Apidog 프로젝트의 API 사양에 직접 접근하고 상호작용할 수 있습니다. 이 설정을 통해 Continue.dev는 코드를 생성하고, API 사양을 검색하며, 구조화된 모델을 원활하게 생성할 수 있습니다.
모범 사례
문맥 인식 활성화: 더 나은 제안을 위해 활성 에디터 창뿐만 아니라 전체 프로젝트 파일을 분석하도록 AI를 구성하세요.
AI를 현명하게 사용하기: AI가 생성한 코드는 항상 정확성과 보안 문제에 대해 검토해야 합니다.
버전 관리와 통합하기: AI가 생성한 변경 사항을 기록한 후 커밋하기 위해 Git 또는 다른 버전 관리 시스템을 사용하세요.
AI 기본 설정 사용자 정의: 프로젝트의 필요에 따라 AI의 표현력, 완료 스타일 및 디버깅 수준을 조정하세요.
학습을 위해 AI 활용하기: AI의 설명과 제안을 활용하여 코딩 기술과 모범 사례를 향상시키세요.
결론
Continue.dev AI IDE는 AI 지원으로 워크플로우를 간소화하려는 개발자에게 게임 체인저입니다. 더 빠른 코드 완성, 효율적인 디버깅 또는 지능형 리팩토링이 필요하든, Continue.dev는 생산성을 향상시키기 위한 도구를 제공합니다. 이 가이드를 따르면 개발 과정에 AI를 효과적으로 통합하고 그 강력한 기능을 활용할 수 있습니다.