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

기초약 20분3단계

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

따라 하기

1단계 / 3

Cascade 패널에 구현하고 싶은 기능을 설명합니다.

예: '사용자 목록을 보여주는 React 컴포넌트를 만들어줘. TypeScript를 쓰고 TailwindCSS로 스타일링해줘'.

이해를 돕는 예시 그림이에요. 실제 화면과 다를 수 있어요.

codeium.com/windsurf

Windsurf

AI Code Editor

AI가 함께 코딩하는 에디터

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

무료 다운로드

여기를 클릭!

기능 보기

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

누를 위치 Cascade 패널›기능 설명›@파일 참조›생성 요청

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

Windsurf (현 Devin Desktop) 말고 다른 도구로 하기