주요 특징
| 기능 | 설명 |
|---|---|
| Cascade | 코드베이스를 자율 탐색하며 멀티파일 편집하는 AI 에이전트 |
| Flows | 개발자의 행동을 실시간 감지하여 선제적으로 제안 |
| Tab 자동완성 | 컨텍스트 기반 코드 예측 및 완성 |
| 인라인 편집 | 선택 영역에 자연어 편집 지시 |
| 터미널 연동 | Cascade가 터미널 명령어를 직접 실행 |
Cursor 대비 차별점
| 항목 | Cursor | Windsurf |
|---|---|---|
| AI 방식 | 도구형 (사용자가 지시) | 에이전트형 (자율 탐색 + 실행) |
| 파일 탐색 | @ 참조로 수동 지정 | Cascade가 자동으로 관련 파일 탐색 |
| 컨텍스트 | 사용자가 컨텍스트 관리 | Flows가 실시간으로 컨텍스트 추적 |
| 터미널 | 사용자가 실행 후 결과 공유 | Cascade가 직접 명령어 실행 |
| 기반 에디터 | VS Code fork | VS Code fork |
설치 및 초기 설정
Windsurf 다운로드
windsurf.com에서 OS에 맞는 버전을 다운로드합니다.
Cascade 핵심 기능
Write 모드
코드 생성, 편집, 리팩토링을 수행하는 기본 모드입니다.- 프로젝트 구조를 탐색하여 관련 파일 파악
- 기존 코드 패턴 분석
- 여러 파일에 걸쳐 코드 생성/수정
- 필요한 패키지 설치 명령 실행
Chat 모드
코드를 수정하지 않고 질문과 분석에 집중하는 모드입니다.주요 키보드 단축키
| 동작 | macOS | 설명 |
|---|---|---|
| Cascade 열기 | Cmd+L | AI 에이전트 패널 열기 |
| 인라인 편집 | Cmd+I | 선택 영역에 AI 편집 지시 |
| 새 대화 | Cmd+N | Cascade 내 새 대화 시작 |
| 수락 | Cmd+Y | 제안된 변경사항 수락 |
| 거절 | Cmd+Backspace | 제안된 변경사항 거절 |
실무 활용
Cascade에게 효과적으로 지시하기
Cascade에게 효과적으로 지시하기
- 목표와 제약조건을 함께 명시하세요
- “Next.js App Router로 로그인 페이지 만들어줘. Tailwind CSS 사용하고 서버 컴포넌트로”
- Cascade가 파일을 탐색할 때 관련 없는 파일을 수정하면 되돌릴 수 있습니다
Flows 활용하기
Flows 활용하기
Flows는 개발자의 행동을 실시간으로 감지합니다.
- 코드를 작성하는 중에 다음 단계를 선제적으로 제안
- 에러가 발생하면 자동으로 수정 방안 제시
- 관련 파일을 열면 연관 변경사항 제안
멀티파일 작업 전략
멀티파일 작업 전략
큰 작업을 지시할 때는 단계를 나눠서 진행하세요.
- 먼저 구조와 계획을 Cascade에게 설명 요청
- 계획을 확인한 뒤 실행 지시
- 각 단계의 결과를 확인하며 진행
Mintlify 문서 작성 연동
Mintlify 문서 작성 연동
Mintlify 스킬을 설치하면 Cascade가 문서 컴포넌트를 인식합니다.
AGENTS.md에 프로젝트 용어와 스타일 가이드를 추가하세요.
