junsobi

Menu

Close

Logo of Photolabs
Photolabs
모델 및 사진 작업을 위한 AI 기반 플랫폼

Wed Jan 15 2025

그래픽 카드 대여 이슈
Vite
TypeScript
React
React Query
Zustand
Tailwind CSS
WebSockets
Zod
React Hook Form
Vercel Deployment
Canvas Integration
Stable Diffusion API
i18n
Carousel Image 1
Carousel Image 2
Carousel Image 3
Carousel Image 4
Carousel Image 5
Carousel Image 6
Carousel Image 7
Carousel Image 8
Carousel Image 9
Carousel Image 10

Photolabs는 AI 기반 플랫폼으로, 모델 및 사진 작업을 위한 다양한 기능을 제공합니다.
주 고객층은 이커머스, 뷰티, 패션, 포트폴리오 등의 분야로, 사용자는 사진을 업로드하고 AI를 활용하여 다양한 작업을 수행할 수 있습니다.
이를 통해 사용자는 빠르고 효율적으로 사진 작업을 완료할 수 있습니다.

Features

  • 모델과 배경

    • AI를 사용하여 모델과 배경을 생성하고 편집.
    • Inpaint 기능을 통해 이미지를 수정하고 완성.
  • 가상 착용

    • 다양한 의상을 시도하고 가상 착용을 통해 미리보기.
    • 색상, 크기, 스타일 등을 조정하여 사용자 맞춤형 제품 제작.
  • 얼굴 편집

    • 얼굴 특징을 수정하고 필터를 적용하여 사진을 개선.
    • AI를 활용하여 자연스러운 편집을 지원.
  • 제품 배경

    • 제품을 배경에서 분리하고 다양한 배경을 적용.
    • 배경을 수정하거나 제품을 다른 이미지에 삽입.
  • 제품 복제

    • 제품을 복제하고 배치하여 다양한 디자인을 시도.
    • AI를 활용하여 복제된 제품을 자연스럽게 배치.
  • 점 제거

    • 사진에서 점을 제거하고 피부를 매끄럽게 보정.
    • AI를 사용하여 자연스러운 보정을 지원.
  • 업스케일

    • 이미지를 업스케일하여 고해상도로 변환.
    • AI를 활용하여 이미지의 세부 사항을 보존.
  • 의상 색상 변경

    • 의상의 색상을 변경하고 다양한 스타일을 시도.
    • AI를 사용하여 색상 변경의 자연스러움을 유지.

Tech Stack

  • Frontend: React, Vite, TypeScript, Zod, React Hook Form, Fabric Canvas
  • AI 생성: Stable Diffusion API
  • 통신: Axios, WebSocket
  • 상태 관리: React Query, Zustand
  • 배포: Vercel Deployment
  • 다국어 지원: i18n

작동 방식

  1. 사용자 등록: Photolabs 웹사이트에 가입하고 로그인.
  2. 사진 업로드: 사용자가 사진을 업로드하고 AI 작업을 요청.
  3. AI 작업: AI가 사진을 분석하고 사용자가 요청한 작업을 수행.
  4. 작업 완료: AI가 작업을 완료하고 사용자에게 결과물을 제공.

구현 세부 사항

이커머스 플랫폼에서 자주 이용되는 사진 작업을 AI를 활용하여 빠르고 효율적으로 처리할 수 있도록 구현하였습니다.

  1. 모델과 배경 : 유저가 원하는 얼굴을 대상이 되는 이미지에 자연스럽게 합성
  2. 인페인트 수정 : 이미지의 특정 부분을 수정하거나 삭제
  3. 가상 착용 : 유저가 원하는 의상을 시도하고 가상 착용을 통해 미리보기
  4. 얼굴 편집 : 얼굴 특징을 수정하고 필터를 적용하여 사진을 개선
  5. 제품 배경 : 제품을 배경에서 분리하고 다양한 배경을 적용
  6. 제품 복제 : 제품을 복제하고 배치하여 다양한 디자인을 시도
  7. 점 제거 : 사진에서 점을 제거하고 피부를 매끄럽게 보정
  8. 업스케일 : 이미지를 업스케일하여 고해상도로 변환
  9. 의상 색상 변경 : 의상의 색상을 변경하고 다양한 스타일을 시도

해결한 과제

  • AI를 활용한 이미지 생성 및 편집의 복잡성을 관리.
  • 다양한 작업을 통합하여 사용자 경험을 향상.
  • 사용자 요청에 따라 AI 모델을 최적화하고 성능을 향상.
  • 다국어 지원 및 사용자 맞춤형 설정을 제공.

역할

  • 프론트엔드 개발: Photolabs 웹사이트를 개발하고 유지보수.
  • AI 모델 통합: AI 모델을 웹사이트에 통합하고 사용자 요청을 처리.
  • 다국어 지원: 다국어 지원 및 사용자 맞춤형 설정을 구현.
  • 배포 및 운영: Vercel을 사용하여 웹사이트를 배포하고 운영.