Cursor AI와 Claude 3.5 Sonnet의 웹 개발 워크플로우는 ‘요구사항 정리 → 코드 생성 → 브라우저 확인 → 오류 수정 → 최종 검토’ 순서로 이해하면 쉽습니다. Cursor는 코드를 편집하고 파일·터미널을 다루는 작업 공간이고, Claude 3.5 Sonnet은 당시 그 안에서 선택할 수 있었던 AI 모델입니다. 다만 Claude 3.5 Sonnet은 2025년 10월 28일 Anthropic API에서 사용 종료됐습니다. 이 글은 당시의 조합을 설명하며, 지금 실습할 때는 Cursor에서 제공하는 현행 모델을 선택해야 합니다.
Cursor AI와 Claude 3.5 Sonnet은 무엇이 다른가요?
Cursor AI는 코드 편집기와 AI 작업 기능을 묶은 도구입니다. 프로젝트 파일을 읽고, 여러 파일을 고치고, 터미널 명령을 실행하는 Agent 기능을 제공합니다. Claude 3.5 Sonnet은 Anthropic이 만든 AI 모델로, 코드 내용을 이해하고 작성하는 역할을 했습니다. 따라서 둘은 같은 종류의 제품을 나란히 놓고 승자를 가리는 관계가 아닙니다. Cursor라는 작업 공간에서 Claude 모델을 사용할 수 있는 구조로 이해하는 편이 정확합니다.
Claude 3.5 Sonnet은 2024년 당시 코딩과 도구 사용 성능으로 주목받았습니다. 하지만 모델 이름을 예전 튜토리얼에서 그대로 따라 선택하려 하면 현재 목록에서 찾지 못할 수 있습니다. Anthropic의 모델 사용 종료 기록에는 두 Claude 3.5 Sonnet 버전 모두 2025년 10월 28일 종료됐다고 나옵니다.
| 항목 | Cursor AI | Claude 3.5 Sonnet |
|---|---|---|
| 무엇인가요? | 코드 편집과 AI 작업을 위한 도구 | 코드를 이해하고 생성하는 AI 모델 |
| 웹 개발에서 맡는 일 | 파일 탐색, 수정, 명령 실행, 변경 내용 확인 | 요구사항 해석, 코드 제안, 오류 원인 설명 |
| 현재 사용 여부 | 현재 운영 중인 제품 | Anthropic API에서 사용 종료된 과거 모델 |
| 지금 따라 할 때 | 프로젝트를 열고 Agent 사용 | Cursor에서 제공하는 현행 모델로 대체 |
웹 개발 자동화는 어떤 순서로 진행하나요?
작업을 한 번에 모두 맡기기보다, 작은 단계로 나누고 매 단계의 결과를 확인하는 흐름이 좋습니다. 예를 들어 회사 소개 웹페이지 한 장을 만든다면 다음 순서로 진행할 수 있습니다.
- 요구사항 적기: 화면의 목적, 필요한 문구, 대상 사용자, 모바일 지원 여부를 정합니다.
- 프로젝트 살펴보기: 사용 중인 프레임워크와 기존 폴더·디자인 규칙을 확인합니다.
- 구현 요청하기: 수정할 파일 범위와 완료 기준을 Agent에 전달합니다.
- 실행해 보기: 개발 서버를 열고 실제 화면을 확인합니다.
- 검사와 수정: 모바일 화면, 링크, 입력 폼, 콘솔 오류, 접근성을 점검합니다.
- 변경 내용 검토: 필요 없는 파일 변경이나 임의로 추가된 기능이 없는지 확인합니다.
현재 Cursor 문서에 따르면 Agent는 코드베이스 검색, 파일 수정, 터미널 실행을 수행할 수 있습니다. 어떤 작업이 자동 실행되는지는 사용 중인 설정에 따라 달라지므로, 처음에는 변경 내용을 한 단계씩 검토하는 편이 좋습니다. Cursor Agent 공식 설명
AI에 어떤 요청을 해야 결과가 좋아지나요?
“예쁜 홈페이지 만들어줘”보다 작업 범위와 확인 기준을 적은 요청이 검토하기 쉽습니다. 아래 예시는 회사 소개 페이지를 만드는 상황에서 바꿔 쓸 수 있습니다.
현재 프로젝트 구조와 기존 스타일 규칙을 먼저 확인해 주세요.
회사 소개 페이지에 서비스 소개, 작업 과정, 문의 버튼을 추가해 주세요.
모바일에서도 읽기 편해야 합니다.
기존 파일만 필요한 범위에서 수정하고, 새 패키지는 설치 전에 이유를 알려 주세요.
작업 후 변경한 파일 목록, 실행한 검사, 직접 확인해야 할 부분을 정리해 주세요.이렇게 적으면 AI가 다뤄야 할 범위와 사람이 확인할 기준이 분명해집니다. 처음부터 실제 고객 정보나 비밀번호를 대화에 넣지 말고, 필요한 경우 가짜 예시 데이터로 화면을 검증하세요.
완성된 페이지는 무엇부터 확인해야 하나요?
화면이 한 번 열렸다는 사실만으로 작업이 끝난 것은 아닙니다. 먼저 휴대전화 크기에서 글자가 잘리지 않는지, 버튼을 누르면 올바른 곳으로 이동하는지 확인하세요. 다음으로 입력 폼의 오류 안내, 이미지 대체 텍스트, 키보드만으로 이동 가능한지 살펴봅니다. 마지막으로 개발 서버와 빌드 명령을 실행해 오류가 없는지 확인합니다.
Agent가 여러 파일을 바꿨다면 변경 전후 차이도 읽어보세요. 특히 사용자가 요청하지 않은 라이브러리 설치, 환경 변수 변경, 기존 기능 삭제가 없는지 확인해야 합니다. Cursor의 체크포인트는 Agent 변경을 되돌리는 데 도움이 되지만, 장기간의 변경 기록은 Git 같은 버전 관리 도구로 남기는 것이 적절합니다. Cursor 체크포인트 문서
2026년에 이 워크플로우를 그대로 따라 해도 되나요?
작업 순서는 지금도 활용할 수 있지만, 모델 선택 단계는 바꿔야 합니다. Claude 3.5 Sonnet을 다시 선택하는 방법을 찾기보다 Cursor의 현재 모델 목록을 확인하고 지원되는 모델을 고르세요. 기능과 요금도 바뀔 수 있으므로 실습 시작 전에 Cursor 공식 문서와 Anthropic 모델 상태를 확인하는 것이 정확합니다.
이 글의 핵심은 특정 구형 모델을 재현하는 데 있지 않습니다. AI가 초안을 만들고, 개발자가 요구사항·실행 결과·변경 파일을 확인하는 작업 흐름에 있습니다. 이 순서를 지키면 모델이 바뀌어도 같은 기준으로 웹 개발을 진행할 수 있습니다.
Cursor와 Claude 3.5 Sonnet에 관해 무엇을 더 알아야 하나요?
가장 많이 헷갈리는 부분은 과거 모델의 사용 가능 여부, Claude 웹사이트와 Cursor의 역할, AI가 만든 결과의 검토 책임입니다. 아래 답을 먼저 확인하세요.
Cursor만 설치하면 Claude 3.5 Sonnet을 쓸 수 있나요?
아니요. Claude 3.5 Sonnet은 Anthropic API에서 사용 종료됐습니다. Cursor에서 현재 선택 가능한 모델 목록을 확인해야 합니다.
Claude 웹사이트와 Cursor는 같은 작업을 하나요?
Claude 웹사이트는 대화와 코드 초안 작성에 쓸 수 있습니다. Cursor는 프로젝트 파일을 열고 수정하며 개발 명령을 실행하는 작업 공간입니다.
AI가 만든 웹사이트를 검토 없이 공개해도 되나요?
권하지 않습니다. 모바일 화면, 링크, 입력 폼, 오류 메시지, 개인정보 처리, 변경된 파일을 사람이 직접 확인한 뒤 공개하세요.
자료 확인: 2026년 9월 26일. 모델 제공 여부와 제품 기능은 이후 변경될 수 있습니다. 참고 자료: Anthropic의 2024년 Claude 3.5 Sonnet 발표, Anthropic 모델 사용 종료 기록, Cursor Agent 공식 문서.