1시간 만에 완성하는 커서 AI 수익형 앱 제작 비법!

코딩 없이 1시간 만에 웹사이트 만들기! 🚀

코딩 한 줄도 없이 딱 1시간 만에 이미지 변환 웹사이트랑 소개 웹사이트까지 뚝딱 만들었다고 해. 심지어 이걸로 돈도 벌 수 있다는 거야! 어떻게 했는지 궁금하지?

💰 돈 버는 웹사이트?

• 컨버트 아오 (Convertio) 같은 이미지 확장자 변환 사이트 알지? 이런 사이트는 하루에 170만 명이 방문하고, 광고만 달아도 하루에 천만 원 이상 벌 수 있대. 엄청나지?
• 물론 이런 사이트들은 기능도 좋고, 구글 검색에서도 상위권에 있어서 유명해진 거야.
• 하지만 소소한 불편함을 해결해 주는 사이트들도 인기가 많아. 나도 확장자 변환 프로그램 설치하기 귀찮아서 이런 사이트 이용하거든.

💻 커서 AI로 1시간 만에 뚝딱!

• 커서 AI (Cursor AI)라는 걸 써봤는데, 이게 진짜 물건이더라. 처음 설치하면 14일 동안 유료 기능도 무료로 쓸 수 있어.
• 커서 AI는 그냥 일반 에디터에 AI 기능이 들어간 건데, 왜 주목받냐면 컴포저 (Composer)라는 기능 때문이야. 이걸 쓰면 한 번에 여러 파일을 자동으로 만들어줘.
• 나는 미리 아마존 서버에 웹사이트를 세팅해 뒀고, 커서 AI가 어떻게 파일을 올리고 처리하는지 실시간으로 보려고 했어. SSH 접속도 설정했지.
• 커서 AI에서 AI 기능을 쓰려면 Ctrl + I를 누르면 돼. 거기 챗 (Chat), 컴포저 (Composer), 버그 파인더 (Bug Finder) 탭이 있는데, 특히 컴포저 기능이 대박이야. 만들고 싶은 걸 설명만 하면 바로 만들어주거든.

⚙️ 커서 AI 세팅 & 사용법

1. 모델 선택: 커서 AI는 어떤 AI 모델을 쓰느냐에 따라 코드 품질이 달라져. 나는 o3 mini를 선택했는데, 설정에서 다른 모델들도 선택할 수 있어. API 키를 넣으면 사용한 만큼만 돈을 내는 방식도 가능해서 부업이나 취미로 개발하는 사람들에게 좋아.
2. 환경 설정 (Rules for AI): AI가 코드를 만들 때 버전에 맞게 만들어주도록 서버 환경을 설정해 뒀어. PHP 버전, MySQL 버전, 설치된 PHP 모듈, MySQL 접속 정보 등을 알려주면 AI가 오류 없이 코드를 만들어줘. 이게 진짜 중요해! 버전이 안 맞으면 코드는 멀쩡해도 에러가 터지거든.
3. 작업 시작: 왼쪽 폴더 탐색기에서 아마존 서버 폴더를 보면서 작업할 수 있어. 컴포저에 가서 "이미지를 드래그해서 변환하는 기능이랑 웹사이트 만들어줘"라고 설명했지.
4. 무료 테마 적용: 웹사이트를 더 멋지게 만들고 싶어서 무료 테마를 찾아서 서버에 올렸어. 모바일에서도 잘 보이는 반응형 테마였지.
5. 컴포저 실행: 컴포저에서 "무료 테마를 편집해서 웹사이트 만들어줘"라고 구체적으로 지시했어. 에이전트 모드로 실행해야 AI가 혼자서 파일을 만들고 편집해. 5분 정도 기다리니 자동으로 파일을 편집해주는데, 중간중간 내가 승인하는 과정도 있었어. 이게 더 똑똑한 방식 같아.
6. 결과 확인: 30분 만에 반응형 웹사이트가 완성됐어! 진짜 만족스러웠지. 이미지 변환 기능도 따로 만들어 달라고 했더니 새 페이지에서 진행해주더라. 처음엔 메뉴가 사라져서 당황했는데, 다시 지시하니까 바로 해결해줬어. 이미지 변환 오류도 똑같이 수정했지.
7. 멀티 파일 변환: 처음엔 이미지 하나만 변환되길래, "두 개 이상도 잘 되게 해줘"라고 지시했더니 멀티 파일 변환도 잘 되더라.

결론적으로 커서 에디터 + 무료 테마 + 웹 서버 실시간 작업 이 세 가지를 합쳐서 1시간 만에 웹사이트를 완성한 거야. 여기에 이미지 용량 조절, 사이즈 조절, 문서 이미지 변환 같은 기능들을 더 넣으면 완벽한 수익형 웹사이트가 될 것 같아.

🤔 아쉬웠던 점 & 꿀팁

• 챗 기능: 커서 AI의 챗 기능은 AI에게 무엇이든 물어볼 수 있어. 코드베이스를 선택하면 내 파일 전체를 보고 답변해주니까 기존 코드 작업할 때 정말 유용해. 조언을 얻는다고 생각하면 돼.
• 컴포저 모드: 노멀 모드는 내가 하나하나 지시하는 거고, 에이전트 모드는 AI가 알아서 하는 거야. 신중하게 작업할 때는 노멀 모드가 더 좋을 수도 있어.
• AI의 실수: AI도 가끔 멍청할 때가 있어. 존재하지 않는 이미지를 불러오려고 하거나, 적용했다고 거짓말하는 경우도 있었지. 이럴 땐 파일을 직접 끌어다 놓거나, 개발자 도구에서 에러를 찾아서 알려줘야 해.
• 데이터 쌓이면 헷갈림: 컴포저를 너무 많이 사용하면 AI가 헷갈려하거나 완성도가 떨어지는 코드를 만들기도 해. 이럴 땐 커서를 재시작하면 다시 잘 되더라.
• SSH 설정: 아마존 서버는 키 파일로 SSH 연결을 해야 해서 처음 설정할 때 좀 애를 먹었어.
• 개발자 지식의 중요성: 내가 빨리 만든 건 기존 개발 지식이 있어서 도움이 된 것도 사실이야. 하지만 코딩을 잘 모르는 사람들도 AI의 도움을 받고, 막히는 부분을 공부하면서 개발할 수 있다고 믿어. 개발 기간을 획기적으로 줄일 수 있거든. AI한테 1대1 과외 받는다고 생각하면 돼!

이전 영상에서는 3주 만에 파이썬으로 오토블로그 프로그램을 만들었는데, 이번엔 일주일 만에 그걸 반응형 웹사이트로 업그레이드했어. AI 성능이 정말 빠르게 발전하고 있어서 살짝 무섭기도 하지만, 앞으로도 개발 분야에 대한 재미있는 영상 많이 올릴 테니 기대해줘! 구독과 좋아요도 잊지 말고! 😉