Cascade 에이전트로 코드 생성하기

Basic 약 20분기본 사용법

Windsurf의 핵심 기능인 Cascade를 활용해 자연어로 코드를 생성하고 파일에 적용합니다.

Windsurf 없다면? 이걸로도 돼요

Windsurf 열기

windsurf.com

STEP 1 / 3…

STEP 1. Cascade에 작업 요청

codeium.com/windsurf

Windsurf

AI Code Editor

AI가 함께 코딩하는 에디터

Codeium의 강력한 AI와 함께 더 빠르고 스마트하게 개발하세요.

무료 다운로드

여기를 클릭!

기능 보기

// Cascade AI 채팅
사용자
: 이 함수 리팩토링해줘
AI: 물론이죠! 먼저...
+ const result = data
+   .filter(Boolean)
+   .map(fn);

Cascade 패널 → 기능 설명 → @파일 참조 → 생성 요청

Cascade 패널에 구현하고 싶은 기능을 설명합니다. 예: '사용자 목록을 보여주는 React 컴포넌트를 만들어줘. TypeScript를 쓰고 TailwindCSS로 스타일링해줘'.

파일 경로를 @로 언급하면(예: @src/types.ts) 해당 파일을 참조해 더 정확한 코드를 생성합니다.

이 단계를 완료했나요?