핵심 요약
- Cline은 VS Code 안에서 동작하는 무료 오픈소스 AI 코딩 에이전트입니다. 확장 마켓플레이스에서 설치하고 Google 또는 GitHub로 로그인하면 API 키 없이 시작할 수 있습니다.
- Absolutely Free 등급은 DeepSeek V4 Flash(100만 컨텍스트), GLM-5.3-Flash 같은 호스팅 모델로 동작합니다. 이 튜토리얼은 15단계로 동작하는 BMI 계산기 앱을 완성합니다.
- Plan 모드는 추론 모델로 전략을 세우고, Act 모드는 빠른 모델로 코드를 작성합니다. 데모의 Plan 분석 전체 비용은 0.0145달러였습니다.
- 자신의 Gemini 키, 글로벌·워크스페이스 Rules, GitHub과 Context7 같은 MCP 서버 — 이것이 이상적인 Cline 환경의 세 기둥입니다.
I Found 2 Ways to Use Cline for FREE (Best Free AI Coding Agent)
워크스루 영상:HMA WebCode5:26
Ideal Setup for Cline
팩트 소스:Cline3:47
워크스루 이미지는 HMA WebCode의 무료 셋업 데모에서, Plan/Act 설정·Rules·MCP 마켓플레이스 이미지는 Cline 공식 채널 쇼츠에서 가져왔습니다. 모드 동작, Rules 적용 범위, 세 기둥 구성에 관한 사실도 공식 영상을 기준으로 했습니다.
스크린샷의 저작권은 각 채널에 있으며, 출처 표기와 타임스탬프 딥링크와 함께 사용했습니다. 단계 설명은 모두 자체 작성입니다.
15단계 Cline 워크스루
Cline 설치하고 무료 등급 열기
- 1
VS Code에 Cline 확장 설치
VS Code에서 확장 뷰를 열고 Cline을 검색한 뒤, Cline Bot이 배포한 자율 코딩 에이전트 항목에서 Install을 누릅니다. 설치가 끝나면 활동 표시줄에 Cline 로봇 아이콘이 나타나고, 클릭하면 에디터 옆에 에이전트 패널이 열립니다.
VS Code 확장 마켓플레이스의 Cline 항목. Install로 설치합니다.0:24 구간 보기 - 2
Cline 사용 방식 고르기
패널을 처음 열면 Cline이 사용 방식을 묻고 네 가지 선택지를 보여줍니다. Absolutely Free(호스팅 무료 모델), ClinePlans(오픈 웨이트 모델 유료 구독), Frontier Model(Cline 결제로 사용량 과금), Bring my own API key(내 키 사용). 초보자라면 Absolutely Free부터 — API 키도 카드도 필요 없습니다.
Cline 최초 실행 화면의 네 가지 설정 옵션.0:34 구간 보기 - 3
로그인하고 무료 등급으로 진입
Absolutely Free를 선택하고 Log in to Cline을 눌러 Google 또는 GitHub 계정으로 로그인합니다. 약 10초면 끝나고 결제 수단을 요구하지 않습니다. 로그인하면 Cline Usage-Billing이 선택된 프로바이더 화면에 도착하는데, 무료 모델은 여기서 제공됩니다.
로그인 후 Usage-Billing 프로바이더와 모델 탭이 표시됩니다.1:46 구간 보기 - 4
무료 모델과 Reasoning Effort 선택
모델 선택기를 열고 Free 탭으로 이동합니다. DeepSeek V4 Flash(100만 토큰 컨텍스트), GLM-5.3-Flash, LongCat 2.0, Laguna S 2.1 모두 FREE 표시가 붙어 있습니다. 여러 파일을 빠르게 다루려면 DeepSeek V4 Flash를 고르고 Reasoning Effort는 Medium으로 두세요. Low는 더 빠르고, High는 더 깊게 생각하지만 토큰을 더 씁니다.
deepseek/deepseek-v4-flash 선택, Reasoning Effort는 Medium.2:12 구간 보기
첫 작업을 끝까지 실행하기
- 5
빈 작업 상자 열기
VS Code에서 프로젝트 폴더를 만들거나 열고 Cline 아이콘을 클릭합니다. 패널은 간단한 질문으로 시작하는데, 이 입력란이 모든 작업의 출발점입니다. 패널 하단에는 Auto-approve 행과 Plan/Act 전환 버튼이 있습니다.
첫 프롬프트를 기다리는 Cline 작업 패널. 모서리에 Plan/Act.2:36 구간 보기 - 6
첫 작업 보내기
작업 상자에 구체적인 목표를 적습니다. 예: HTML, CSS, JavaScript로 현대적인 BMI 계산기 웹 앱을 만들고, 사용자가 키(cm)와 몸무게(kg)를 입력하면 BMI 수치와 판정 레이블을 보여준다. 입력·출력·디자인 요구를 구체적으로 쓰면 한 줄 요청보다 훨씬 좋은 결과가 나옵니다.
Cline 작업 상자에 입력한 BMI 계산기 프롬프트.2:58 구간 보기 - 7
각 작업 승인하기 — 또는 자동 승인
Cline은 한 단계씩 진행합니다. 명령 실행, 파일 생성, 다른 파일 편집을 요청하며 변경 사항의 diff를 적용 전에 보여줍니다. 하나씩 승인하거나 Auto-approve의 Read, Edit, Commands를 켜서 체크리스트를 스스로 처리하게 할 수 있습니다. 어느 쪽이든 체크포인트로 각 단계를 되돌릴 수 있습니다.
index.html 생성 승인을 요청하는 Cline. CSS diff가 표시됩니다.3:06 구간 보기 - 8
완성된 앱 열기
몇 분이면 작업이 요약과 BMI Calculation Checkpoint 기록과 함께 끝납니다. 생성된 index.html을 Live Server 등 아무 정적 서버로 열어 테스트해 보세요. 175cm, 70kg을 넣으면 BMI 22.9 — Normal. 한 줄도 직접 쓰지 않고 완전히 동작하는 앱이 완성됩니다.
브라우저에서 돌아가는 완성된 BMI 계산기와 VS Code의 Cline 요약.3:17 구간 보기
토큰 낭비 없는 Plan·Act 모드
- 9
Plan 모드와 Act 모드 알아보기
패널 하단의 토글로 Plan과 Act를 전환합니다. Plan 모드의 Cline은 조사만 합니다. 파일을 읽고, 질문하고, 구현 계획을 제안합니다. 설정 대화상자에도 같은 이름의 탭이 있어 모드마다 다른 모델을 지정할 수 있습니다. Plan에는 강한 추론 모델, Act에는 빠른 코딩 모델을.
Plan Mode / Act Mode 탭으로 모드별 모델을 지정하는 Cline 설정.0:48 구간 보기 - 10
Plan 모드에게 먼저 생각시키기
작업을 분해하는 일은 타이핑이 아니라 분석이므로, 추론 모델은 Plan 모드에서 빛을 발합니다. 아직 코드를 쓰기 전이라 철저한 조사도 저렴합니다. 데모의 DRY 위반 분석 비용은 0.0145달러에 불과했습니다. 계획 중에 Cline의 질문에 성실히 답하세요. 여기서의 수정 하나가 나중의 재작성을 줄입니다.
Plan 모드 작업 카드. 분석 결과, 토큰 수, 0.0145달러 API 비용.1:10 구간 보기 - 11
Act 모드로 전환해 코드 작성
계획이 마음에 들면 Act로 전환합니다. 계획이 확정되고 Cline이 파일 편집을 시작합니다. 이 단계는 코딩 모델이 더 싸고 빠르며, 그래서 모드를 나누면 토큰이 절약됩니다. 작업 재개 화면에는 단축키도 표시됩니다. Win+Shift+A로 모드를 전환할 수 있습니다.
Act Mode 탭을 선택하고 실행용 코딩 모델을 지정한 설정.1:28 구간 보기
내 키, Rules, MCP 마켓플레이스
- 12
또는 내 무료 키 가져오기
공유 무료 풀 대신 내 할당량을 쓰고 싶다면? Bring my own API key를 선택하고 Google Gemini를 고른 뒤, Google AI Studio에서 Get API key로 키를 발급합니다. 무료 등급에는 Google 계정만 필요합니다. 키를 Cline의 API 키 필드에 붙여넣고 Gemini 모델을 골라 저장하면 내 할당량으로 동작합니다.
Google AI Studio의 Create API key 대화상자로 무료 Gemini 키 발급.3:54 구간 보기 - 13
Rules로 Cline에 내 기준 가르치기
Rules는 Cline이 모든 작업에서 읽는 영구 지침입니다. 패널 설정의 Rules 탭을 열면 Global Rules는 내 컴퓨터의 모든 프로젝트에 적용되고, Workspace Rules는 현재 저장소에 .clinerules 파일로 존재해 커밋해 공유할 수 있습니다. 코딩 원칙, 보안 수칙, 문서 가이드, 코드 스타일에 적합합니다.
Cline 설정의 Rules 탭. Global Rules와 Workspace Rules 섹션.1:06 구간 보기 - 14
모델이 실제로 지키는 Rules 쓰기
모호한 규칙은 역효과를 냅니다. '가능하면 코드를 최적화'라는 문장은 Cline이 무시할 여지를 남깁니다. 측정 가능한 트리거로 바꾸세요. 단위 테스트가 100밀리초를 넘으면 최적화한다, 클래스를 쓸 때 SOLID 원칙을 따른다, 코드가 가정을 할 때 인라인 주석을 단다. Rules를 살아있는 문서로 관리하고 모순을 정리하세요.
모든 작업에서 적용되는 구체적이고 측정 가능한 세 가지 규칙이 담긴 파일.1:45 구간 보기 - 15
MCP 서버로 Cline 확장하기
패널의 MCP Marketplace 아이콘에서 원클릭 서버로 Cline에 능력을 더할 수 있습니다. 저장소 작업의 GitHub, 최신 라이브러리 문서의 Context7, 조사와 계획의 Perplexity와 Sequential Thinking 등입니다. 서버를 설치하고 도구를 승인하면 Cline이 작업 중에 호출합니다. 이것이 이상적인 환경의 세 번째 기둥입니다.
Cline의 MCP Servers 마켓플레이스. GitHub 서버 카드와 Install 버튼.2:44 구간 보기