EN
모든 작업

HSAD · 2024.04 – 2024.07

HSAD AI 플랫폼 – Stable Diffusion 이미지 생성과 프로젝트 스토리지

Stable Diffusion 이미지 생성과 프로젝트 스토리지, 이미지 로딩 3.2초 → 1초

역할
프론트엔드 개발 (프리랜서) · PL
기간
2024.04 – 2024.07
기술
  • Vue 3
  • TypeScript
  • Pinia
  • PrimeVue
  • SCSS
HSAD AI 플랫폼 – Stable Diffusion 이미지 생성과 프로젝트 스토리지

개요

광고회사에서 쓰는 이미지를 AI로 생성하고, 생성 결과물과 파일을 프로젝트 단위로 관리해 스토리지 형태로 보여주는 생성형 AI 플랫폼의 프론트엔드를 개발했습니다.

배경

문제

광고 제작에 쓰는 이미지를 AI로 만들고, 프로젝트별로 생성 결과물과 파일을 한 곳에서 관리할 수 있는 플랫폼이 필요했습니다.

주요 작업

  • 프로젝트별 파일 관리 스토리지: 업로드·다운로드, 폴더 지정 업로드, 파일 정보 수정, 파일·폴더 다중 선택 삭제·복사·이동, 폴더 기반 뷰어
  • Stable Diffusion + Fooocus REST API로 옵션 기반 이미지 생성과 유사 이미지 생성, 생성한 이미지를 스토리지 폴더에 저장
  • 생성 결과물 갤러리 뷰어
  • 스토리지 폴더 구조에서 썸네일이 빠르게 보이도록 캐싱 구현
  • 단일 프로젝트 구조를 멀티테넌트 구조로 바꾸자고 제안하고 직접 개발

성과

  • 이미지 로딩 3.2초 → 1초

    스토리지 폴더 구조에서 썸네일이 빠르게 보이도록 캐싱을 구현해 이미지 로딩을 약 70% 줄였습니다.

  • 멀티테넌트 구조 전환

    단일 프로젝트 구조를 멀티테넌트 구조로 바꾸자고 제안하고 직접 개발했습니다.

핵심 기능

  • 01

    AI 이미지 생성

    Stable Diffusion + Fooocus API로 옵션 기반 이미지와 유사 이미지를 생성하고 스토리지 폴더에 저장합니다.

  • 02

    프로젝트 스토리지

    파일 업로드·다운로드, 폴더 지정 업로드, 다중 선택 삭제·복사·이동, 폴더 기반 뷰어를 제공합니다.