DeepSeek Cline 튜토리얼: 무료 모델과 API 연결
Cline은 VS Code와 터미널 모두에서 동작하는 오픈소스 코딩 에이전트입니다. 이 그림 튜토리얼은 실제 설정 과정을 그대로 따라갑니다. 확장을 설치하고, 무료 모델 목록에서 DeepSeek V4 Flash를 고르거나(또는 본인의 API 키를 연결하고), 마지막에는 $0.00로 포트폴리오 사이트를 완성합니다.
요약
- Cline은 VS Code, JetBrains, Cursor, Windsurf, 터미널에서 쓸 수 있는 무료 오픈소스 코딩 에이전트입니다. 한 번만 설치하면 되고 구독이 필요 없습니다.
- DeepSeek V4 Flash는 100만 토큰 컨텍스트 윈도우를 갖춘 Cline의 Free 모델 단계에 속합니다. 제작자의 hello 테스트와 71,049 토큰짜리 포트폴리오 빌드 모두 $0.00로 청구되었습니다.
- 자신의 키를 쓰고 싶다면 platform.deepseek.com에서 만들고, Cline 설정에서 DeepSeek 공급자를 고른 뒤, 베이스 URL에 https://api.deepseek.com을 넣고 현재 모델 이름인 deepseek-flash 또는 deepseek-v4-pro를 지정하세요.
- 옛 모델 이름 deepseek-chat과 deepseek-reasoner는 2026년 7월 24일에 사용이 중단되었습니다. 아직 옛 이름을 보여주는 튜토리얼이라면 현재 이름으로 바꿔 쓰세요.
Cline: FREE AI Coding Agent | DeepSeek, GLM, LongCat & Laguna
워크스루 영상:Code With Yousaf08:49
DeepSeek provider configuration — official Cline docs
공식 문서:docs.cline.bot
이 워크스루는 Cline의 현재 무료 단계에서 녹화되었으며, 화면에 DeepSeek V4 Flash 항목과 deepseek/deepseek-v4-flash 모델 ID가 그대로 표시됩니다. API 키 경로의 값은 2026년 9월 기준 Cline 및 DeepSeek 공식 문서를 따릅니다.
스크린샷은 위 영상의 한 프레임이며, 출처와 함께 정확한 타임스탬프로 연결됩니다. 단계별 설명은 모두 우리가 직접 작성했습니다.
Cline에서 DeepSeek 사용하기, 단계별 가이드
1 · 오픈 코딩 에이전트 Cline 소개
- 1
cline.bot에서 Cline 만나기
Cline은 오픈소스 코딩 에이전트로, 터미널용 CLI, VS Code·JetBrains·Cursor·Windsurf용 IDE 확장, 그리고 SDK 이렇게 세 가지 형태로 제공됩니다. 공식 홈페이지는 이 가이드가 다루는 두 경로의 출발점입니다.
오픈 코딩 에이전트 홈페이지: 한 번의 설치로 CLI, IDE 확장, SDK 모두 사용0:52에 보기 - 2
경로 선택: CLI 명령어 또는 IDE 확장
설치 영역에는 두 가지 선택지가 나란히 있습니다. 터미널 사용자는 npm i -g cline 명령어를 복사하고(macOS, Windows, Linux 모두 지원), VS Code 사용자는 IDE Extension 탭으로 이동합니다. 이 가이드는 먼저 확장 경로를 살펴보고, 빌드 데모에서 CLI로 돌아옵니다.
하나의 설치 영역, 두 개의 경로: npm 명령어와 확장 탭1:20에 보기 - 3
CLI 무료 모델 목록에서 DeepSeek 확인
아무 폴더에서 cline을 실행하면 환영 화면의 상태 표시줄에 현재 모델이 나타납니다. 기본 상태로 Cline의 사용량 과금으로 동작하며, DeepSeek V4 Flash는 무료 단계에 있습니다. 시작하는 데 API 키가 필요 없습니다.
CLI 상태 표시줄에 DeepSeek V4 Flash (high), $0.00 — 첫 실행부터 무료2:30에 보기
2 · VS Code에 Cline 설치
- 4
VS Code에서 확장 뷰 열기
VS Code에서 활동 표시줄의 확장 뷰를 열면 설치된 확장 목록에서 Cline을 찾을 수 있습니다(새로 설치한다면 마켓플레이스에서 “Cline”을 검색하세요).
확장 뷰에 설치됨으로 표시된 Cline(자율 코딩 에이전트)3:28에 보기 - 5
설정 전에 확장 확인하기
확장 상세 페이지에서 진품임을 확인할 수 있습니다. 게시자는 cline.bot이고 설치 수는 500만을 넘습니다. Install 버튼 대신 Disable과 Uninstall가 보이면 이미 활성화된 상태입니다.
Cline의 마켓플레이스 페이지: cline.bot 게시, 519만 설치, 이미 설치됨3:34에 보기 - 6
Cline 패널 열기
활동 표시줄에서 Cline 아이콘을 클릭하세요. 패널에는 What can I do for you? 작업 상자, 하단의 Plan/Act 전환, 그리고 비용과 함께 표시되는 최근 작업 목록이 나타납니다. 이 환경에서는 모든 세션이 $0.00였습니다.
작업 상자, Plan/Act 전환, 모든 작업이 $0.00인 Recent 목록3:50에 보기
3 · DeepSeek 연결(무료 단계 또는 내 키)
- 7
설정에서 API 공급자 확인
톱니 아이콘으로 Cline 설정을 엽니다. API Provider 드롭다운은 Cline Usage-Billing(Cline 자체 과금)으로 되어 있고, 무료 단계는 이 덕분에 가능합니다. 자신의 키를 쓰고 싶다면 여기서 DeepSeek 공급자로 바꾸면 됩니다(자세한 내용은 FAQ).
설정 → API Provider: Cline Usage-Billing, 청구와 사용량은 한 번의 클릭4:02에 보기 - 8
모델 선택기의 Free 탭 열기
Model 아래에는 Recommended와 Free 두 개의 탭이 있습니다. Free 탭에는 DeepSeek V4 Flash, GLM-5.3-Flash, LongCat 2.0, Laguna S 2.1이 모두 FREE 태그와 함께 표시됩니다. 100만 토큰 컨텍스트가 필요하면 DeepSeek V4 Flash를 고르세요.
네 개의 무료 모델, 모두 FREE 태그 — 목록의 선두는 DeepSeek V4 Flash4:22에 보기 - 9
DeepSeek V4 Flash 선택 후 모델 ID 확인
DeepSeek V4 Flash를 선택하면 설정에 모델 ID deepseek/deepseek-v4-flash, 1.0M 컨텍스트 윈도우, Free 입출력 가격이 표시됩니다. Reasoning Effort의 기본값은 High이며, Plan과 Act 모드에 서로 다른 모델을 지정해 실행은 저렴한 모델에 맡길 수도 있습니다.
deepseek/deepseek-v4-flash 선택됨: 1.0M 컨텍스트, 입출력 모두 Free4:44에 보기 - 10
hello 테스트 보내기
작업 상자에 hello를 입력하세요. 잠시 후 초록색 COMPLETED 표시와 $0.0000 비용 배지가 붙은 답장이 도착합니다(제작자는 네 가지 무료 모델을 모두 돌려 가며 테스트했습니다. 하단의 모델 칩을 보면 어떤 모델이 답했는지 알 수 있습니다).
첫 대화: $0.0000로 COMPLETED, 답변 모델은 칩에 표시5:04에 보기
4 · $0.00로 실제 프로젝트 완성하기
- 11
Cline에 실제 빌드 프롬프트 주기
CLI로 돌아간 제작자는 완전한 요구사항을 보냅니다. 부드러운 스크롤 애니메이션, 호버 효과, 애니메이션 코드 스니펫을 갖춘 다크하고 고급스러운 포트폴리오를 CSS와 JavaScript를 내장한 단일 index.html로 유지한다는 내용입니다. 이 빌드에서는 LongCat 2.0(역시 무료 목록)으로 바꿨지만, 어떤 무료 모델을 고르든 절차는 동일합니다.
단일 파일 포트폴리오 요구사항을 Cline CLI에 붙여넣기5:53에 보기 - 12
작업 과정과 청구서 함께 보기
Cline은 계획을 스트리밍하고 파일을 작성한 뒤 기능 목록으로 마무리합니다. 프리로더, 커스텀 커서, 애니메이션 배경, 내비게이션, 히어로, 스킬, 프로젝트, 연락처, 푸터입니다. 상태 표시줄의 합계는 71,049 토큰, $0.00입니다.
빌드 요약 — 9개 섹션 납품, 71,049 토큰, $0.006:37에 보기 - 13
완성된 사이트 열기
생성된 index.html은 브라우저에서 바로 열립니다. 애니메이션 코드 카드가 있는 I craft digital experiences 히어로, 프로젝트 그리드, 연락처 폼이 그려집니다. 마음에 들지 않는 부분은 평범한 말로 수정을 요청하면 됩니다. 제작자가 내비게이션 바의 가운데 정렬을 부탁했듯이, Cline이 파일을 직접 고쳐 줍니다.
완성된 포트폴리오, 생성된 단일 index.html 하나로 구동7:09에 보기