Photolabs는 이커머스·뷰티·패션 쪽 실무자들이 제품 사진을 빠르게 다루는 AI 편집 플랫폼입니다. 사진을 올리고 AI 모델을 돌려 배경 교체, 가상 착용, 얼굴 편집, 업스케일 같은 작업을 수행합니다.

에이아이빌 재직 당시 프론트엔드를 단독으로 맡아서, AI 결과물을 웹에서 보여주고 편집하는 UX 쪽에 집중해 개발했습니다.

맡은 부분

AI 편집 기능

모델·배경 생성, Inpaint 수정, 가상 착용, 얼굴 편집, 제품 배경 분리·합성, 제품 복제, 점·잡티 제거, 업스케일, 의상 색상 변경을 모두 Stable Diffusion API 위에서 구현했습니다. 사용자가 Fabric Canvas로 편집 영역을 직접 지정하면 그 영역만 AI로 돌리는 식으로 엮었습니다.

WebSocket 기반 AI 작업 스트림

이미지 생성 작업은 대기 시간이 깁니다. WebSocket으로 진행 상황을 스트리밍해서 사용자가 기다리는 동안 상태를 볼 수 있게 만들었습니다.

Canvas 에디터

Fabric Canvas 위에 레이어·마스크·선택 영역 툴을 얹어 편집 UI를 짰습니다. 빠른 수정과 AI 결과물의 자연스러운 합성 둘 다 놓치지 않는 쪽으로 맞췄습니다.

i18n

한국어·영어 다국어 지원을 위해 번역 키 구조와 런타임 로캘 전환을 세팅했습니다.

스택

React, Vite, TypeScript, Zustand, React Query, React Hook Form + Zod, Tailwind CSS, Fabric Canvas, WebSocket, Stable Diffusion API, Vercel.