profile

📹 AI로 광고 생성하는 서비스 📹

URL : https://techeerpicture.store

📑 Medium

✔️ Korean Version
✔️ English Version

❓ TecheerPicture

1. 어떤 광고를 만들지 선택

→ 광고 문구 생성, 상품 배경 생성, 텍스트 변환 영상 생성, 이미지 변환 영상 생성 중 원하는 기능을 선택합니다.

2. 이미지 업로드와 테마를 선택하여 상품 배경 생성

→ 심플(단순한 배경), 누끼(배경제거), 테마(스타일) 중 하나를 선택한 뒤 이미지를 업로드 하면 사용자가 원하는 배경을 생성합니다. 

3. 간단한 컨셉 및 카테고리 설정을 통해 광고 문구와 배경 생성

→ 광고 문구 생성을 위해 상품의 정보와 컨셉을 입력받고 원하는 이미지 사이즈로 광고 이미지(광고 문구 + 배경)를 생성합니다.

4. 텍스트 입력을 통해 영상 생성

→ 어떠한 광고든 제작할 수 있도록 광고에 대한 설명을 텍스트로 입력받아 영상을 생성합니다.

5. 생성된 이미지 또는 원하는 이미지를 AI를 통해 영상으로 변환

→ 이미지가 동적으로 움직일 수 있도록 동작설명을 텍스트로 입력받아 영상을 생성합니다.

📹 Demo

📷 온보딩 페이지

테커픽처가 어떠한 기능을 제공하고 있는지 간단한 설명과 생성한 결과물을 보여줍니다.

📷 광고 선택 페이지

총 4가지의 광고 생성 서비스에 대한 설명과 예시 영상을 보여줍니다.

📷 광고 배경 생성 페이지

배경생성은 단순한 배경을 생성하는 심플기능 이미지에 스타일을 적용하는 테마기능 배경을 제거하는 누끼기능으로 총 3가지 서비스를 제공합니다.

📷 광고 문구 생성 페이지

상품 정보와 추가로 원하는 컨셉을 입력받고 광고할 이미지의 크기를 정합니다. 배경생성과 더불어 광고 문구가 추가된 광고 이미지를 생성합니다.

📷 광고 문구 편집 페이지

총 2세트의 문구를 제공하고 직접입력을 통해 문구를 생성할 수 있는 기능을 지원합니다.

📷 텍스트 변환 광고 영상 생성 페이지

텍스트로 광고할 컨텐츠를 설명하여 짧은 영상을 생성합니다.

📷 이미지 변환 광고 영상 생성 페이지

이미지에 동적인 움직임이 추가됩니다. 동작에 대한 설명을 텍스트로 입력받아 이미지를 동영상으로 변환합니다.

📷 로딩창

📚Table of Contents

• Medium
• Demo
• System Architechture
• Tech stack
• ERD
• API
• Monitoring
• File Directory
• Directory Structure
• Member

💻 System Architechture

💡 Tech stack

분야	사용 기술
Fronted
Backend
DevOps
Monitoring
etc

💾 ERD

📚 API

Swagger_API1	Swagger_API2

📊 Monitoring

Grafana & Prometheus & ELK

Django	Node exporter

cAdvisor

ELK

📂 Directory Structure

Backend

📦backend
┣ 📂backend
┃ ┣ 📜__init__.py
┃ ┣ 📜asgi.py

┃ ┣ 📜celery.py

┃ ┣ 📜Dockerfile
┃ ┣ 📜requirements.txt
┃ ┣ 📜settings.py

┃ ┣ 📜url.py

┃ ┗ 📜wsgi.py

┣ 📂background
┃ ┣ 📜__init__.py
┃ ┣ 📜admin.py

┃ ┣ 📜apps.py

┃ ┣ 📜models.py
┃ ┣ 📜serializers.py
┃ ┣ 📜tasks.py
┃ ┣ 📜url.py
┃ ┗ 📜views.py

┣ 📂banner
┃ ┣ 📜__init__.py
┃ ┣ 📜admin.py

┃ ┣ 📜apps.py

┃ ┣ 📜models.py
┃ ┣ 📜serializers.py
┃ ┣ 📜url.py
┃ ┗ 📜views.py

┣ 📂db

┃ ┗ 📜Dockerfile
┣ 📂image
┃ ┣ 📜__init__.py
┃ ┣ 📜admin.py

┃ ┣ 📜apps.py

┃ ┣ 📜models.py
┃ ┣ 📜serializers.py
┃ ┣ 📜tasks.py
┃ ┣ 📜url.py
┃ ┗ 📜views.py

┣ 📂recreated_background
┃ ┣ 📜__init__.py
┃ ┣ 📜admin.py

┃ ┣ 📜apps.py

┃ ┣ 📜models.py
┃ ┣ 📜serializers.py
┃ ┣ 📜url.py
┃ ┗ 📜views.py

┣ 📂imagetovideo
┃ ┣ 📜__init__.py
┃ ┣ 📜admin.py

┃ ┣ 📜apps.py

┃ ┣ 📜models.py
┃ ┣ 📜serializers.py
┃ ┣ 📜tasks.py
┃ ┣ 📜url.py
┃ ┗ 📜views.py

┣ 📂image_reszing
┃ ┣ 📜__init__.py
┃ ┣ 📜admin.py

┃ ┣ 📜apps.py

┃ ┣ 📜models.py
┃ ┣ 📜serializers.py
┃ ┣ 📜url.py
┃ ┗ 📜views.py

┣ 📂texttovideo
┃ ┣ 📜__init__.py
┃ ┣ 📜admin.py

┃ ┣ 📜apps.py

┃ ┣ 📜models.py
┃ ┣ 📜serializers.py
┃ ┣ 📜url.py
┃ ┗ 📜views.py

┣ 📂monitoring
┃ ┣ 📂alertmanager
┃ ┣ 📂prometheus
┃ ┗ 📂logstash
┣ 📂user
┣ 📜manage.py
┣ 📜wait.mysql.py

Frontend

📦frontend

┣ 📂.github
┣ 📂 server
┃ ┣ 📂public

┃ ┗ 📂src
┃ ┃ ┣ 📂api

┃ ┃ ┣ 📂assets

┃ ┃ ┃ ┣ 📜arrow.svg
┃ ┃ ┃ ┣ 📜check.svg
┃ ┃ ┃ ┣ 📜googleAd.svg
┃ ┃ ┃ ┣ 📜instagram.svg
┃ ┃ ┃ ┣ 📜uploadcloud.svg
┃ ┃ ┃ ┗ 📜x.svg

┃ ┃ ┣ 📂componets
┃ ┃ ┃ ┣ 📂form
┃ ┃ ┃ ┣ 📂onboarding
┃ ┃ ┃ ┣ 📜

┃ ┃ ┃ ┗ 📜
┃ ┃ ┣ 📂pages
┃ ┃ ┃ ┣ 📜

┃ ┃ ┃ ┗ 📜
┃ ┃ ┣ 📂styles
┃ ┃ ┃ ┣ 📜AutoSilde.css
┃ ┃ ┃ ┗ 📜Loading.css
┃ ┃ ┣ 📜App.css
┃ ┃ ┣ 📜App.tsx
┃ ┃ ┣ 📜custom.d.ts
┃ ┃ ┣ 📜font.css
┃ ┃ ┣ 📜index.css
┃ ┃ ┣ 📜main.tsx

┗ ┗ ┗ 📜vite-env.d.ts

👨‍👩‍👧‍👧 Member

Name	김광현	김성국	박영인	이상진	이채은	손석영
Profile
role	Team Leader frontend DevOps	Frontend	Frontend	Backend Devops	Backend DevOps	Backend DevOps
GitHub	@Gwanghyeon-k	@ks9058	@0in2	@silkair	@chaeeun1103	@coder-ssy