광고 수익을 창출할 웹사이트 만들어보기 1 (뭐 만들지)

뭔가 뭔가 AI 도 써보고 싶고................ aws도 써보고싶고................... k8s랑 도커도 써보고싶은데...................................

마땅히 만들게 없어서 만들기 시작한다 2024/12/03

---

chatGPT한테 물어보니 요래 나온다.

 

나는 사람들을 즐겁게 해줄 수 있는 웹사이트를 만들고 싶다.

 

다시 물어본다.

 

GPT : 

 

 

 

여러 개를 물어봤는데 마땅히 좋은 아이디어가 떠오르지 않는다....

 

이모티콘(이미지형식의 png 혹은 jpg)을 직접 생성해서 카톡이나 디스코드에 바로 공유해주는 쓸모없지만 재미있는 앱을 만들어 볼 생각이다.

 

이걸로 돈을 벌 생각은 없다.

 

그냥 취업을 위한 k8s를 쓰기위한 aws를 사용해보기 위한 AI도 적당히 써보기 위한 

그냥 그저 그런 웹사이트를 만드는 것이다.

 

바로 실행에 옮긴다.

---

1단계: 주요 기능 정의

핵심 기능:

1. 프롬프트 입력: 사용자가 원하는 상황이나 문구 입력.
   • 예: "화난 고양이", "졸린 곰" 등.
2. AI 이미지 생성:
   • 입력된 프롬프트에 따라 AI가 이모티콘 형태의 이미지를 생성 (PNG, JPG).
3. 이미지 바로 공유:
   • 카카오톡 링크 또는 디스코드 업로드 기능 지원.

2단계: 기술 스택 선정

AI 모델

• Stable Diffusion: 간단한 이모티콘 이미지를 생성하기에 적합.
• LoRA 학습: 이모티콘 스타일(간단하고 귀여운 이미지)을 추가 학습.

백엔드

• Python (Flask/Django): AI 모델과 사용자 요청 처리.
• 이미지 생성 후 저장(임시 URL 제공).

프론트엔드

• React.js 또는 Vue.js: 사용자가 입력과 결과를 확인할 수 있는 인터페이스 구축.

이미지 저장 및 공유

• AWS S3: 생성된 이미지를 저장하고 URL로 접근.
• 카카오톡/디스코드 API: 공유 기능 구현.

3단계: 세부 기능 설계

1. 프롬프트 입력

• 사용자가 글을 입력하면, "동물", "감정", "상황" 같은 태그를 자동 추가 가능.
  • 예: "졸린 강아지" 입력 → 졸린, 강아지 태그 자동 추가.

2. AI 이미지 생성

• Stable Diffusion API 사용:
  • 프롬프트 기반으로 고유 스타일의 PNG/JPG 이미지 생성.
  • 출력 크기: 512x512 (이모티콘 크기).

3. 이미지 저장

• 생성된 이미지를 클라우드(S3)나 임시 저장소에 업로드.
• URL로 저장하고, 이미지 공유 기능 추가.

4. 카카오톡/디스코드 공유

• 카카오톡:
  • 카카오링크 API 사용: 생성된 이미지를 메시지 형태로 공유.
  • URL로 전달 → 사용자가 이미지를 바로 저장 가능.
• 디스코드:
  • 디스코드 웹훅을 활용해 서버에서 생성된 이미지를 업로드.

4단계: UI 설계

간단한 페이지 구조:

1. 홈 화면:
   • 프롬프트 입력 창 + "이미지 생성" 버튼.
2. 결과 화면:
   • 생성된 이미지 표시.
   • 카카오톡/디스코드 공유 버튼.

5단계: 초기 개발 순서

1. AI 모델 준비
   • Stable Diffusion 설치 및 학습 데이터 준비 (간단하고 귀여운 이미지).
   • 로컬에서 테스트로 이미지 생성 확인.
2. 백엔드 서버 구축
   • Flask/Django로 사용자 입력 → 이미지 생성 → URL 반환 로직 구현.
3. 프론트엔드 프로토타입 제작
   • 간단한 입력 창과 결과 표시 페이지.
4. 이미지 공유 기능
   • 카카오톡 링크 API 연결.
   • 디스코드 웹훅 테스트.

6단계: 배포

• 웹 호스팅:
  • AWS, Heroku 또는 Vercel로 앱 배포.
• 도메인 설정:
  • 사용자가 기억하기 쉬운 도메인 선택 (예: funemoji.ai).

7단계: 추가 수익화 아이디어

1. 프리미엄 옵션:
   • HD 이모티콘 다운로드 유료화.
2. 광고 삽입:
   • 결과 화면에 광고 배너 추가.
3. SNS 이벤트:
   • "생성한 이모티콘을 SNS에 공유하고 리워드 받기."

---

이 프로젝트는 7단계로 나눠서 진행해보겠다.