“이미지 파일을 드래그해서 바로 변환하는 프로그램을 만들었다.”
그것도 개발 경험이 많지 않아도, 단 1시간 만에, 웹사이트 형태로 만들 수 있다면?
이게 가능한 이유는 바로 요즘 뜨거운 인기를 끌고 있는 AI 기반 개발툴, Cursor AI 덕분이에요.
💡 수익형 사이트 예시: ‘Convert Ao’ – 하루 170만 방문자의 위엄
우선 이 아이디어로 돈을 벌 수 있는지부터 볼게요.
‘Convert Ao’라는 사이트는 이미지 확장자를 간단하게 바꿔주는 기능만 제공하는데요,
- 하루 방문자 수: 약 170만 명
- 광고만으로 하루 1,000만 원 이상의 수익
무슨 기능이 특별하냐고요?
→ 없습니다.
하지만 사람들의 소소한 불편함을 잘 해결해 주는 서비스라는 점에서, 단순하지만 강력한 웹사이트입니다.
그리고 바로 이런 유용한 도구를, 우리도 AI만 있으면 만들 수 있다는 거예요.
🔧 커서 에디터(Cursor Editor)란?
커서 AI는 프로그래밍을 도와주는 ‘코드 편집기 + AI 기능’이 합쳐진 툴이에요.
"VS Code 같은 에디터에 GPT 기능이 추가됐다!"
라고 생각하면 가장 이해하기 쉽습니다.
📌 주요 특징:
- 14일간 프로 요금제 무료 체험 가능
- 무료 요금제도 존재하지만 기능 제한 있음
- AI가 코드를 직접 생성해줌
- 설치된 서버 환경에 맞춰 자동 대응도 가능함
🧑💻 실제 개발 과정 – 어떻게 1시간 만에 만들었을까?
1. 서버 환경 미리 준비
Amazon EC2 서버에 웹사이트를 올릴 수 있는 환경을 미리 세팅했습니다.
(필수는 아니지만, 개발 결과를 바로 실시간으로 확인하기 위해 준비한 거예요)
2. 커서 에디터 설치 및 세팅
- 커서 에디터 설치
- AI 모델 설정 (o3 mini 모델 사용)
- API 키 입력
- "Rules for AI"에 PHP, MySQL 버전, 서버 세팅 정보 입력
→ 이렇게 하면 AI가 정확한 코드 생성 가능!
3. 웹사이트 테마 업로드
- 구글에서 무료 반응형 테마 다운로드
- 서버에 업로드
- AI에게 “이 테마를 활용해서 웹사이트 만들어줘”라고 요청
→ 처음엔 테마 무시하고 새로 만들었지만,
→ "기존 테마 편집해줘"라고 정확히 지시하니 성공!
4. 이미지 확장자 변환 기능 추가
- AI에게 기능 설명
→ 드래그 앤 드롭으로 이미지 업로드
→ 원하는 확장자로 변환
→ 다중 파일 지원 요청 → 처음엔 안 됐지만, 재요청하니 성공!
5. 버그 수정 및 세부 지시
- 메뉴 누락 → “메뉴도 넣어줘” 요청
- 이미지 경로 오류 → AI가 잘못된 경로 삽입
→ 직접 경로 설명하며 수정 요청
→ 실시간으로 문제 해결됨
💬 커서 에디터의 다양한 기능 정리
기능 | 설명 |
🧠 챗(Chat) | AI에게 질문하면 전체 코드베이스 기준으로 답변 |
🛠 컴포저(Composer) | 기능을 설명하면 AI가 자동으로 파일 생성 |
🐞 버그 파인더 | 코드의 오류를 자동으로 찾아주는 기능 |
🤖 에이전트 모드 | 설명만 하면 자동으로 여러 작업 처리 |
📝 노멀 모드 | AI가 지시만 기다리는 수동 모드 |
🧩 사용 중 불편했던 점 & 팁
- AI가 실수할 때도 많습니다 (예: 존재하지 않는 이미지 삽입)
- 설명을 명확하게 주는 게 중요합니다 ("이 테마 편집해서 써줘" 식으로)
- 여러 번 작업 시 AI가 헷갈릴 수 있음 → 커서 에디터 재시작 추천
- 이미지 경로나 경량화 관련 기능은 따로 요청해야 합니다
📌 개발자가 아니어도 가능할까?
정답은 YES.
처음엔 조금 어렵게 느껴질 수 있어요.
하지만:
- 기본적인 개발 환경 (서버 세팅, 파일 업로드 등)만 익히면
- 대부분 AI가 대신 해 줍니다
- 모르는 건 챗GPT나 Cursor AI에 물어보면 됩니다
AI를 1대1 과외 선생님처럼 쓰는 것, 그것이 진짜 핵심이에요!
🧪 향후 확장 가능 기능
이 웹사이트에 아래 기능을 추가하면 더 많은 트래픽 유입과 수익화가 가능합니다:
- 이미지 용량 줄이기
- 문서 파일 이미지 변환 (예: PDF → JPG)
- 이미지 사이즈 조절
- 배경 제거 기능 등
🎬 마무리 – AI 덕분에 가능한 초고속 개발
- 커서 에디터
- 무료 테마
- 아마존 서버
이 세 가지 조합으로 1시간 만에 완성형 웹사이트를 만들었습니다.
이제는 개발이 더 이상 개발자만의 전유물이 아닌 시대!
여러분도 Cursor AI로 직접 수익형 서비스를 만들어보세요.
* 참고 영상: https://www.youtube.com/watch?v=3uSN3hHTSI8
'AI' 카테고리의 다른 글
누구나 개발자가 될 수 있는 시대! AI 코딩 툴 3가지 비교 분석 (0) | 2025.04.06 |
---|---|
1인 기업가에게 꼭 필요한 AI 비서로 업무 자동화 만들기 (0) | 2025.04.06 |
혼자서 3일 만에 웹서비스 만들기?! (0) | 2025.04.05 |
커서 AI 설치부터 사용까지 쉽게 따라하기! (1) | 2025.04.05 |
펠로 AI 에이전트 기능 총정리 - 나만의 AI 비서 만드는 법 공개! (0) | 2025.04.05 |