test

클라인 – OpenRouter에서 1위

CLI 와 N d Editor를 사용할 수 있는 AI 비서, 클라인을 만나보세요.

Claude 3.7 Sonnet의 에이전트 코딩 기능 덕분에 Cline은 복잡한 소프트웨어 개발 작업을 단계별로 처리할 수 있습니다. 파일 생성 및 편집, 대규모 프로젝트 탐색, 브라우저 사용, 터미널 명령 실행(권한 부여 후) 등의 도구를 통해 코드 완성이나 기술 지원을 넘어 더 깊이 있는 지원을 제공할 수 있습니다. Cline은 모델 컨텍스트 프로토콜(MCP)을 사용하여 새로운 도구를 만들고 자체 기능을 확장할 수도 있습니다. 자율 AI 스크립트는 기존에 샌드박스 환경에서 실행되었지만, 이 확장 기능은 모든 파일 변경 및 터미널 명령을 사용자가 직접 승인할 수 있는 GUI를 제공하여 에이전트 AI의 잠재력을 안전하고 쉽게 탐색할 수 있는 방법을 제공합니다.

1. 작업을 입력하고 이미지를 추가하여 모형을 기능적인 앱으로 변환하거나 스크린샷으로 버그를 수정하세요.
2. Cline은 파일 구조 및 소스 코드 AST 분석, 정규식 검색 실행, 관련 파일 읽기를 통해 기존 프로젝트를 신속하게 진행합니다. 컨텍스트에 추가되는 정보를 신중하게 관리함으로써, Cline은 컨텍스트 창을 과도하게 사용하지 않고도 크고 복잡한 프로젝트에도 귀중한 지원을 제공할 수 있습니다.
3. 클라인이 필요한 정보를 얻으면 다음을 수행할 수 있습니다.
   • 파일을 만들고 편집하며, 그 과정에서 린터/컴파일러 오류를 모니터링하여 누락된 가져오기 및 구문 오류와 같은 문제를 스스로 적극적으로 해결하도록 합니다.
   • 터미널에서 직접 명령을 실행하고 작업하면서 출력을 모니터링하여, 예를 들어 파일을 편집한 후 개발 서버 문제에 대응할 수 있습니다.
   • 웹 개발 작업의 경우, 클라인은 헤드리스 브라우저에서 사이트를 실행하고, 클릭, 타이핑, 스크롤, 스크린샷 및 콘솔 로그를 캡처하여 런타임 오류와 시각적 버그를 수정할 수 있습니다.
4. 작업이 완료되면 Cline은 open -a "Google Chrome" index.html 과 같은 터미널 명령을 통해 결과를 표시해 주는데, 이 명령은 버튼을 클릭하면 실행됩니다.

[!TIP] CMD/CTRL + Shift + P 단축키를 사용하여 명령 팔레트를 열고 "Cline: 새 탭에서 열기"를 입력하여 편집기에서 확장 프로그램을 탭으로 엽니다. 이렇게 하면 파일 탐색기와 Cline을 함께 사용하면서 작업 공간이 어떻게 변경되는지 더욱 명확하게 확인할 수 있습니다.

모든 API 및 모델을 사용하세요

Cline은 OpenRouter, Anthropic, OpenAI, Google Gemini, AWS Bedrock, Azure, GCP Vertex와 같은 API 제공업체를 지원합니다. OpenAI 호환 API를 구성하거나 LM Studio/Ollama를 통해 로컬 모델을 사용할 수도 있습니다. OpenRouter를 사용하는 경우, 이 확장 프로그램은 최신 모델 목록을 가져오므로 최신 모델이 출시되는 즉시 사용할 수 있습니다.

이 확장 기능은 전체 작업 루프와 개별 요청에 대한 총 토큰과 API 사용 비용을 추적하여 모든 단계에서 지출 내역을 알려줍니다.

터미널에서 명령 실행

VSCode v1.93의 새로운 셸 통합 업데이트 덕분에 Cline은 터미널에서 직접 명령을 실행하고 출력을 받을 수 있습니다. 이를 통해 패키지 설치, 빌드 스크립트 실행부터 애플리케이션 배포, 데이터베이스 관리, 테스트 실행까지 다양한 작업을 수행할 수 있으며, 개발 환경 및 툴체인에 맞춰 작업을 완벽하게 수행할 수 있습니다.

개발 서버처럼 장시간 실행되는 프로세스의 경우, "실행 중 진행" 버튼을 사용하면 Cline이 백그라운드에서 명령이 실행되는 동안 작업을 계속 진행할 수 있습니다. Cline이 작업하는 동안 새로운 터미널 출력이 표시되므로 파일 편집 시 컴파일 오류와 같은 문제가 발생할 경우 Cline이 직접 대응할 수 있습니다.

파일 만들기 및 편집

Cline은 편집기에서 직접 파일을 생성하고 편집할 수 있으며, 변경 사항의 diff 뷰를 제공합니다. diff 뷰 편집기에서 Cline의 변경 사항을 직접 편집하거나 되돌릴 수 있으며, 결과에 만족할 때까지 채팅을 통해 피드백을 제공할 수도 있습니다. Cline은 또한 linter/컴파일러 오류(import 누락, 구문 오류 등)를 모니터링하여 작업 과정에서 발생하는 문제를 직접 해결할 수 있습니다.

클라인이 변경한 모든 내용은 파일의 타임라인에 기록되므로 필요한 경우 수정 사항을 쉽게 추적하고 되돌릴 수 있습니다.

브라우저를 사용하세요

Claude 3.5 Sonnet의 새로운 컴퓨터 사용 기능을 통해 Cline은 브라우저를 실행하고, 요소를 클릭하고, 텍스트를 입력하고, 스크롤하며, 각 단계에서 스크린샷과 콘솔 로그를 캡처할 수 있습니다. 이를 통해 대화형 디버깅, 엔드 투 엔드 테스트, 심지어 일반적인 웹 사용까지 가능합니다! 덕분에 Cline은 시각적 버그와 런타임 문제를 해결할 수 있으며, 오류 로그를 직접 관리하고 복사하여 붙여넣을 필요가 없습니다.

클라인에게 "앱 테스트"를 요청하고, npm run dev 와 같은 명령을 실행하여 로컬에서 실행 중인 개발 서버를 브라우저에 실행하고, 모든 것이 제대로 작동하는지 확인하기 위한 일련의 테스트를 수행하는 모습을 지켜보세요. 데모는 여기에서 확인하세요.

"도구를 추가하세요..."

모델 컨텍스트 프로토콜(MCP) 덕분에 Cline은 사용자 지정 도구를 통해 기능을 확장할 수 있습니다. 커뮤니티에서 제작한 서버를 사용할 수도 있지만, Cline은 특정 워크플로에 맞는 도구를 직접 만들고 설치할 수 있습니다. Cline에게 "도구 추가"를 요청하면 새 MCP 서버 생성부터 확장 프로그램에 설치까지 모든 작업을 Cline이 처리해 드립니다. 이러한 사용자 지정 도구는 Cline의 툴킷에 포함되어 향후 작업에서 바로 사용할 수 있습니다.

• "Jira 티켓을 가져오는 도구 추가": 티켓 AC 검색 및 Cline 작업 시작
• "AWS EC2를 관리하는 도구 추가": 서버 메트릭을 확인하고 인스턴스를 확장하거나 축소합니다.
• "최신 PagerDuty 사건을 가져오는 도구 추가": 세부 정보를 가져오고 Cline에게 버그 수정을 요청합니다.

컨텍스트 추가

@url : 확장 프로그램이 마크다운으로 가져와 변환할 수 있도록 URL을 붙여넣습니다. Cline에게 최신 문서를 제공하고 싶을 때 유용합니다.

@problems : Cline이 수정할 수 있도록 작업 공간 오류 및 경고('문제' 패널)를 추가합니다.

@file : API 요청을 낭비하여 파일 읽기를 승인하지 않아도 되도록 파일의 내용을 추가합니다(+ 파일을 검색하기 위한 입력).

@folder : 폴더의 모든 파일을 한 번에 추가하여 작업 흐름을 더욱 빠르게 만듭니다.

체크포인트: 비교 및 복원

Cline이 작업을 진행하는 동안 확장 프로그램은 각 단계마다 작업 공간의 스냅샷을 찍습니다. '비교' 버튼을 사용하여 스냅샷과 현재 작업 공간의 차이점을 확인하고, '복원' 버튼을 사용하여 해당 시점으로 되돌릴 수 있습니다.

예를 들어, 로컬 웹 서버로 작업할 때 '작업 공간만 복원'을 사용하여 앱의 여러 버전을 빠르게 테스트한 후, 빌드를 계속 진행할 버전을 찾으면 '작업 및 작업 공간 복원'을 사용할 수 있습니다. 이렇게 하면 진행 상황을 잃지 않고 다양한 접근 방식을 안전하게 탐색할 수 있습니다.

기여하다

프로젝트에 참여하려면 먼저 기여 가이드를 통해 기본 사항을 알아보세요. 디스코드 에 가입하여 #contributors 채널을 통해 다른 기여자들과 소통할 수도 있습니다. 정규직을 찾고 계시다면 채용 페이지 에서 채용 공고를 확인해 보세요!

1. 저장소를 복제합니다 ( git-lfs 필요) :지엑스피1
2. VSCode에서 프로젝트를 엽니다.
   code cline
3. 확장 프로그램과 webview-gui에 필요한 종속성을 설치하세요.
   npm run install:all
4. F5 (또는 Run -> Start Debugging )를 눌러 확장 프로그램이 로드된 새 VSCode 창을 엽니다. (프로젝트 빌드 중 문제가 발생할 경우 esbuild problem matchers 확장 프로그램을 설치해야 할 수 있습니다.)
5. PR을 생성하기 전에 변경 세트 항목을 생성하세요.
   npm run changeset
   그러면 다음이 표시됩니다.
   • 변경 유형(주요, 사소한, 패치)
     • major → 중대한 변경 사항(1.0.0 → 2.0.0)
     • minor → 새로운 기능(1.0.0 → 1.1.0)
     • patch → 버그 수정 (1.0.0 → 1.0.1)
   • 변경 사항에 대한 설명
6. 변경 사항과 생성된 .changeset 파일을 커밋합니다.
7. GitHub에 브랜치를 푸시하고 PR을 생성하세요. CI는 다음과 같은 작업을 수행합니다.
   • 테스트 및 확인 실행
   • Changesetbot은 버전 영향을 보여주는 주석을 생성합니다.
   • 메인에 병합되면 changesetbot은 버전 패키지 PR을 생성합니다.
   • 버전 패키지 PR이 병합되면 새 릴리스가 게시됩니다.

특허

Apache 2.0 © 2025 Cline Bot Inc.