요약 — 2026년의 Devin Desktop
- Windsurf는 2026년 6월 2일 Cognition에 의해 Devin Desktop으로 이름이 바뀌었고, Cascade 에이전트는 7월 1일 서비스가 종료된 뒤 Devin Local로 대체되었습니다. 이 튜토리얼은 제품의 핵심인 Devin 에이전트 워크스페이스를 다룹니다.
- Devin은 GitHub 저장소에 연결해 세션마다 독립된 Ubuntu 22.04 클라우드 VM으로 클론하고, 브라우저·셸·에디터를 갖춘 채 자율적으로 작업합니다.
- 모든 작업은 GitHub 풀 리퀘스트로 마무리됩니다. Devin이 승인받을 플랜 개요를 보여주고, 완료 후에는 체크리스트와 테스트 계정이 담긴 요약을 남깁니다. 확인 후 병합하세요.
- Ask Devin은 Deep 토글과 함께 코드베이스를 검색하고, DeepWiki는 다이어그램이 포함된 문서를 자동 생성합니다. 요금은 종량제 20달러부터.
Devin AI Tutorial - 2026 | How to Use Devin AI? (Step-by-step Guide)
화면 출처:Dan - Smart Tutorials8:48
Introducing Devin Desktop
공식 팩트:Cognition0:45
스크린샷은 실습 영상에서 가져왔으며, 제품 정보는 Cognition의 공식 출시 영상과 교차 확인했습니다.
프레임 이미지의 저작권은 Dan - Smart Tutorials / Cognition에 있으며, UI 설명 목적으로 사용했습니다. 원본 영상은 링크에서 시청하세요.
Devin Desktop 실습: 로그인부터 병합까지 14단계
파트 1 · 워크스페이스 연결하기
- 1
Devin을 열고 에이전트 모드 고르기
app.devin.ai에 로그인하면 "What do you want to get done?" 프롬프트가 나옵니다. 입력 전에 모드 드롭다운을 열어보세요. Agent는 브라우저·셸·에디터 도구로 작업을 처음부터 끝까지 실행하고, Deep Agent는 30분 이상의 복잡한 지시에 적합하며, Ask는 Devin의 작업을 방해하지 않고 빠르게 답을 얻습니다.
Devin 홈 화면의 에이전트 선택기 — Agent는 전체 실행, Deep Agent는 장기 작업, Ask는 빠른 질문용.1:10 구간 보기 - 2
Devin이 작업할 GitHub 저장소 연결하기
영상에서는 ecommerce-dashboard라는 PHP 데모 프로젝트를 GitHub에서 연결합니다. Devin 계정이 저장소에 접근할 수 있는지 확인하고 대상 저장소로 선택하세요. 선택한 저장소는 저장소 칩을 통해 각 프롬프트에 고정됩니다.
GitHub의 ecommerce-dashboard 저장소 — Devin이 클론하고 수정할 데모 프로젝트입니다.1:40 구간 보기 - 3
저장소를 Devin 워크스페이스에 추가하기
Settings → Devin's Machine에서 "Add a New Repository to Devin's Workspace"로 저장소를 선택하고 확인합니다. Devin은 워크스페이스마다 머신을 하나 두고 세션마다 새 복사본을 제공하므로 로컬 환경은 전혀 영향을 받지 않습니다.
Devin's Machine 설정 — ecommerce-dashboard 저장소가 워크스페이스에 추가되었습니다.1:44 구간 보기 - 4
Devin이 가상 머신을 준비하는 과정 보기
Devin은 Ubuntu 22.04(x86_64) 가상 머신을 띄우고 저장소를 클론한 뒤 재사용을 위해 스냅샷을 만듭니다. 터미널이 있는 완전한 VS Code가 브라우저에서 열리고, 영상에서는 "I'm ready" 한마디만 보내면 Devin이 스스로 프로젝트를 구성합니다.
Devin의 Ubuntu VM 안에서 실행 중인 VS Code, 설정 체크리스트가 진행되고 있습니다.2:16 구간 보기
파트 2 · 첫 작업 실행하기
- 5
인덱싱 상태와 워크스페이스 설정 확인하기
저장소 인덱싱이 끝나면 Devin's Machine에 "Indexing Completed"가 표시되고 업데이트 또는 삭제를 할 수 있습니다. 머신 외에 조직 설정(멤버, Devin's API, 통합)과 요금·사용량 지표도 함께 제공되어, 팀원 초대나 Slack·Linear 연결도 여기서 처리합니다.
인덱싱 완료 — 저장소가 클론·설정되어 Devin 설정에서 바로 관리할 수 있습니다.2:32 구간 보기 - 6
문서 PR로 Devin의 실력 먼저 확인하기
첫 작업은 README를 개선하게 하여 저장소 접근을 검증하는 것입니다. Devin은 작업을 계획하고 기능 브랜치를 푸시한 뒤 "Enhance README documentation with project structure and features #1" 풀 리퀘스트를 엽니다. 다이어그램과 PR 링크가 포함된 Task Completed 요약까지 남깁니다.
Devin의 README 문서 PR에 대한 플랜 개요, PR 카드, Task Completed 요약.2:56 구간 보기 - 7
Devin에게 실제 버그 수정 맡기기
튜토리얼은 사용자가 검증 오류를 겪는 login.php 인증 버그 수정을 Devin에게 요청합니다. ecommerce-dashboard 저장소 칩을 선택한 상태로 작업을 입력하고 Cmd+Enter로 전송하세요.
login.php 인증 버그가 입력된 Devin 프롬프트, Cmd+Enter로 보낼 준비 완료.3:36 구간 보기
파트 3 · 검토, 병합, 검색
- 8
코딩에 들어가기 전 플랜 개요 검토하기
Devin은 먼저 조사합니다 — 발견한 검증 로직, POST 핸들러, 세션 관리를 나열하고 신뢰도를 보여준 뒤 플랜 개요를 제시합니다: PHP 8.x 호환성 문제 수정, 누락된 password 컬럼 추가, 데모용 CSV 기반 인증 전환, 로컬 로그인 흐름 테스트. 문제없으면 Confirm을 누릅니다.
신뢰도 표시와 승인용 Confirm 버튼이 있는 Devin의 Plan Overview 카드.4:00 구간 보기 - 9
GitHub에서 풀 리퀘스트 검토하고 병합하기
Devin은 수정 사항으로 풀 리퀘스트를 엽니다 — 영상의 "Fix authentication errors in login.php #2"에는 피드백 방법을 설명하는 devin-ai-integration 봇의 코멘트가 달립니다. GitHub가 베이스 브랜치와의 충돌 없음을 보여주므로 초록색 Merge pull request 버튼으로 마무리됩니다.
Devin의 PR에 충돌 없음 — Merge pull request 한 번 클릭으로 수정이 반영됩니다.5:12 구간 보기 - 10
완료 요약과 테스트 계정 확인하기
Devin 세션은 "Authentication errors in login.php are fixed"라고 보고하며 병합된 PR #2 링크와 테스트 계정(아이디 admin, 비밀번호 admin)을 알려줍니다. 타임라인에는 style.css, login.php, users.csv, functions.php의 모든 파일 수정과 총 4분 24초의 소요 시간이 기록되어 있습니다.
Devin의 완료 요약 — 병합된 PR 링크, 파일 수정 타임라인, 데모 관리자 계정 포함.5:28 구간 보기 - 11
Ask Devin으로 코드베이스 검색하기
Ask Devin(베타)은 연결된 저장소에 대한 질문에 답합니다. 영상에서는 "Find all authentication functions in this codebase"를 입력하고 저장소 필터를 1 Repos: All로 둔 채 Deep 토글을 켠 뒤 전송합니다. 질문에는 스크린샷을 첨부할 수도 있습니다.
Ask Devin에 코드베이스 질문을 입력하고 Deep 토글을 켠 화면.6:08 구간 보기
파트 4 · 문서, 위키, 요금제
- 12
파일 단위로 정리된 구조적 답변 받기
Deep을 켜면 Devin이 여러 저장소를 검색해 결과를 그룹으로 반환합니다. 프런트엔드 인증 함수, 백엔드 미들웨어와 JWT 유틸리티, 인증 서비스 함수 — 각 그룹에는 관련 파일 참조가 붙어 마치 살아있는 코드베이스 문서 같습니다.
Ask Devin의 Deep 결과 — 프런트엔드·백엔드·서비스층 인증 함수를 파일 참조와 함께 그룹화.6:40 구간 보기 - 13
DeepWiki로 문서 자동 생성하기
DeepWiki는 연결된 저장소를 문서 지식 베이스로 바꿔줍니다. 위키를 열고 ecommerce-dashboard 저장소를 고르면 Devin이 개요, 프로젝트 구조, 다이어그램을 생성합니다. 개발자가 가장 귀찮아하는 문서 작업이 자동으로 끝납니다.
DeepWiki 홈 화면 — ecommerce-dashboard 저장소로 문서 생성 준비 완료.7:20 구간 보기 - 14
요금제 선택 — Core 20달러부터
Compare plans 페이지에는 종량제 ACU의 Core가 20달러부터, Team은 월 500달러에 조기 릴리스·리서치 접근을 추가로 제공하며, Enterprise는 맞춤 가격입니다. 행마다 차이를 정확히 보여줍니다: 자율 작업 실행, 학습, Devin IDE, Ask Devin, DeepWiki, API 접근.
Devin의 Compare plans 페이지 — Core 20달러 종량제, Team 월 500달러, Enterprise 맞춤형.7:44 구간 보기
Windsurf에서 Devin Desktop까지
| 날짜 | 무슨 일이 있었나 |
|---|---|
| 2026년 6월 2일 | Cognition이 일반 OTA 업데이트로 Windsurf를 Devin Desktop으로 개명 — 앱은 그대로, 브랜드만 바뀌었습니다. |
| 2026년 7월 1일 | Cascade가 서비스를 종료하고, 에디터 안의 에이전트는 Devin Local로 대체되었습니다. |
| 이 튜토리얼 | Devin 에이전트 워크스페이스 — 저장소 연결, 클라우드 VM 세션, 플랜 승인, PR 병합 — 을 단계별로 시연합니다. |