프리랜서나 소상공인이 홈페이지를 외주로 맡기면 최소 300만원에서 500만원은 각오해야 합니다. 간단한 포트폴리오 사이트조차 이 정도 비용이 드는 게 현실이거든요.

그래서 요즘 많은 사람들이 AI 코딩 도구에 관심을 갖고 있어요. 특히 Cursor(커서)와 Windsurf(윈드서프)가 가장 많이 언급되는 두 도구입니다.

이 두 도구로 똑같은 포트폴리오 웹사이트를 만들어보면서 어떤 차이가 있는지 직접 확인해보세요. 설치부터 완성까지 모든 과정을 단계별로 비교해드릴게요.

먼저 Cursor부터 시작해보겠습니다. cursor.sh 사이트에서 운영체제에 맞는 파일을 다운로드하면 됩니다. 설치 과정은 일반 프로그램과 동일해요.

첫 실행 후 GitHub 계정으로 로그인하고 OpenAI API 키를 입력해야 합니다.

API 키가 뭔가요? AI 모델을 사용하기 위한 인증 코드라고 생각하시면 돼요. OpenAI 사이트에서 발급받을 수 있습니다.

Windsurf는 Codeium에서 개발한 도구로, codeium.com에서 다운로드할 수 있어요. 설치 방법은 Cursor와 비슷하지만, 별도의 API 키 설정이 필요 없다는 게 큰 차이점입니다.

초기 설정 시간을 비교해보면 Cursor는 약 10분, Windsurf는 5분 정도 걸립니다. Windsurf가 더 간단하다고 볼 수 있어요.

두 도구 모두에게 동일한 요구사항을 제시했습니다. '개인 포트폴리오 사이트를 만들어주세요. 헤더, 소개 섹션, 프로젝트 갤러리, 연락처가 포함되어야 하고, 반응형 디자인이어야 합니다.'

Cursor는 채팅창에 요구사항을 입력하면 단계별로 질문을 던집니다. '어떤 색상 테마를 원하시나요?', '프로젝트는 몇 개 정도 보여드릴까요?' 같은 구체적인 질문들이에요.

반면 Windsurf는 바로 코드 생성을 시작합니다. 기본적인 포트폴리오 구조를 먼저 만들고, 나중에 수정하는 방식이거든요.

이 차이가 중요한 이유는 초보자에게는 단계별 질문이 도움이 되지만, 빠른 프로토타입을 원한다면 즉시 생성이 더 효율적이기 때문입니다.

Cursor로 작업할 때는 HTML, CSS, JavaScript 파일을 순서대로 생성했습니다. 각 파일을 만들 때마다 설명을 해주고, 코드의 각 부분이 어떤 역할을 하는지 주석으로 달아줘요.

코드 품질 면에서 Cursor는 최신 웹 표준을 잘 따릅니다. CSS Grid와 Flexbox를 적절히 조합하고, 접근성을 고려한 HTML 구조를 만들어줍니다.

Windsurf는 더 빠른 속도로 전체 사이트를 완성합니다. 하지만 코드가 다소 복잡하게 생성되는 경우가 있어요. 기능은 동일하지만 초보자가 이해하기에는 Cursor 코드가 더 직관적입니다.

수정 요청에 대한 반응도 달랐습니다. '헤더 색상을 파란색으로 바꿔주세요'라고 하면, Cursor는 해당 CSS 부분만 정확히 수정하는 반면, Windsurf는 때로 관련 없는 부분까지 함께 수정하려고 해요.

완성까지 걸린 시간을 측정해봤습니다. Cursor는 약 45분, Windsurf는 25분이 걸렸어요. 하지만 이 시간 차이에는 함정이 있습니다.

Cursor는 처음부터 완성도 높은 코드를 만들어주지만, Windsurf는 빠르게 만든 후 수정 작업이 더 필요했거든요. 실제로 배포 가능한 수준까지 만드는 데는 비슷한 시간이 걸렸습니다.

비용 면에서는 큰 차이가 있어요. Cursor는 월 20달러의 Pro 플랜이 필요하고, 추가로 OpenAI API 사용료가 발생합니다. 간단한 프로젝트라면 API 비용은 1달러 미만이지만요.

Windsurf는 무료 플랜으로도 충분히 사용할 수 있습니다. 월 사용량 제한이 있지만, 개인 프로젝트 수준에서는 문제없어요. 유료 플랜도 월 15달러로 Cursor보다 저렴합니다.

가장 흔한 실수는 너무 복잡한 요구사항을 한 번에 제시하는 것입니다. '쇼핑몰 기능이 있는 포트폴리오 사이트'처럼 말이에요. 이럴 때는 기본 구조부터 만들고 단계적으로 기능을 추가하세요.

또 다른 실수는 생성된 코드를 바로 사용하려고 하는 것입니다. 특히 이미지 경로나 링크 주소는 반드시 확인하고 수정해야 해요. AI가 만든 더미 데이터를 그대로 두면 제대로 작동하지 않거든요.

Cursor 사용 시 API 키 관리를 소홀히 하는 경우도 많습니다. API 키는 외부에 노출되지 않도록 주의하고, 사용량을 정기적으로 확인하세요. 예상보다 많은 비용이 발생할 수 있어요.

Windsurf에서는 생성된 코드의 호환성을 확인해야 합니다. 최신 브라우저에서는 잘 작동하지만, 구형 브라우저에서는 문제가 생길 수 있거든요. 타겟 사용자를 고려해서 코드를 검토하세요.

Cursor는 코딩을 배우고 싶은 초보자에게 추천합니다. 코드 설명이 자세하고, 웹 개발 개념을 이해하는 데 도움이 되거든요. 비용이 부담스럽다면 한 달만 사용해서 기본기를 익히는 것도 좋은 방법이에요.

Windsurf는 빠른 프로토타입이 필요한 상황에 적합합니다. 아이디어를 빠르게 구현해보고 싶거나, 비용을 최소화하면서 웹사이트를 만들고 싶다면 Windsurf를 선택하세요.

두 도구 모두 완벽하지는 않습니다. 복잡한 기능이나 데이터베이스 연동이 필요한 프로젝트라면 전문 개발자의 도움이 여전히 필요해요.

하지만 간단한 포트폴리오나 랜딩 페이지 수준이라면 충분히 실용적입니다. 외주 비용의 10분의 1로 원하는 웹사이트를 만들 수 있다는 건 분명한 장점이거든요.