이미지생성 (3) 썸네일형 리스트형 광고 수익을 창출할 웹사이트 만들어보기 4-4(React서버 프론트엔드 부분 기능 추가구현 및 개선사항) 이번엔 Vercel에 배포되어있는 React 웹페이지에 수정 및 구현한 사항에 대해서 알아보겠다. 리액트는 크게 바뀐건 로고가 생겼다는거, 그리고 화면에 사용자가 어떤 텍스트를 입력했는지 보이게 한 부분 등짜잘짜잘하게 바뀌었고 크게 바뀐부분은 없다. 상세 변경된 Git 커밋내역은 아래와 같다. 2024년 12월 8일feat: 카카오톡 공유 기능에 사용자 프롬프트 텍스트 포함카카오톡 공유 기능 추가.사용자가 입력한 프롬프트 텍스트를 공유 메시지에 포함하도록 구현.feat: 백엔드 에러 메시지 사용자에게 표시 개선백엔드에서 발생한 에러를 사용자에게 더 직관적으로 전달하도록 개선.2024년 12월 9일feat: title 수정 및 logo image 추가프로젝트 타이틀 수정.로고 이미지를 새롭게 추가하여 UI.. 광고 수익을 창출할 웹사이트 만들어보기 4-3(Flask서버 백앤드 부분 기능 추가구현 및 개선사항) 자 이제 그 동안 개선하고 추가 구현한 것을 설명해보겠다.하루나 이틀치라고 해도 커밋을 꽤나 많이 했다. 근데 재미있었음. 실시간으로 무언가 바뀌는 모습이 보이고 사용자들도 반응이 괜찮았기 떄문. 암튼 바로시작한다.백앤드 로직의 커밋메세지를 요약하자면 아래와 같다. 2024년 12월 6일초기 커밋: "만능그림봇 프로젝트" 코드 업로드.2024년 12월 8일CORS 환경 변수화: CORS 관련 설정 및 패키지 추가.OpenAI 응답 로그 추가: 사용자 프롬프트 개선 및 응답 기록 기능 추가.디렉토리 자동 생성: 일부 로그 파일 자동 생성과 디렉토리 자동화.번역 및 로직 강화: 번역 기능과 상세 설명 검증 로직 개선.2024년 12월 9일프롬프트 강화: 사용자 입력 처리 로직 개선.프롬프트 변경: 프롬프트 .. 광고 수익을 창출할 웹사이트 만들어보기 2-1 (flask 개발환경 만들기) 2단계를 시작해보자 채찍피티가 말해준대로 수행할거다.내 자아는 없다.2단계: 기술 스택 선정AI 모델Stable Diffusion: 간단한 이모티콘 이미지를 생성하기에 적합.LoRA 학습: 이모티콘 스타일(간단하고 귀여운 이미지)을 추가 학습.백엔드Python (Flask/Django): AI 모델과 사용자 요청 처리.이미지 생성 후 저장(임시 URL 제공).프론트엔드React.js 또는 Vue.js: 사용자가 입력과 결과를 확인할 수 있는 인터페이스 구축.이미지 저장 및 공유AWS S3: 생성된 이미지를 저장하고 URL로 접근.카카오톡/디스코드 API: 공유 기능 구현.일단 이모티콘을 생성해주는 이미지를 생성해주는 AI 모델을 생성해야 한다.Stable Diffusion 서버를 로컬환경에 직접 띄울수 .. 이전 1 다음
