Skip to content
@2024-Summer-Bootcamp-Team-F

2024-Summer-Bootcamp-Team-F



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

📑 Medium

✔️ Korean Version
✔️ English Version

❓ TecheerPicture

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

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

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

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

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

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

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

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

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

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

📹 Demo

📷 온보딩 페이지

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

📷 광고 선택 페이지

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

📷 광고 배경 생성 페이지

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

📷 광고 문구 생성 페이지

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

📷 광고 문구 편집 페이지

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

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

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

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

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

📷 로딩창

📚Table of Contents

💻 System Architechture

system architecture

💡 Tech stack


분야 사용 기술
Fronted
Backend
DevOps
Monitoring
etc Slack Notion Figma Postman

💾 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    

Popular repositories Loading

  1. frontend frontend Public

    TypeScript 3

  2. backend-django backend-django Public

    Roff 4

  3. TecheerPicture TecheerPicture Public

    Dockerfile 1

  4. .github .github Public

  5. techeerpicture-frontend techeerpicture-frontend Public

    Forked from 2024-Summer-Bootcamp-Team-F/frontend

    TypeScript

Repositories

Showing 5 of 5 repositories
  • .github Public
    2024-Summer-Bootcamp-Team-F/.github’s past year of commit activity
    0 0 0 0 Updated Oct 3, 2024
  • 2024-Summer-Bootcamp-Team-F/techeerpicture-frontend’s past year of commit activity
    TypeScript 0 3 0 0 Updated Aug 1, 2024
  • frontend Public
    2024-Summer-Bootcamp-Team-F/frontend’s past year of commit activity
    TypeScript 0 3 1 0 Updated Aug 1, 2024
  • 2024-Summer-Bootcamp-Team-F/TecheerPicture’s past year of commit activity
    Dockerfile 0 1 0 0 Updated Jul 31, 2024
  • 2024-Summer-Bootcamp-Team-F/backend-django’s past year of commit activity
    Roff 0 4 0 0 Updated Jul 31, 2024

People

This organization has no public members. You must be a member to see who’s a part of this organization.

Top languages

Loading…

Most used topics

Loading…