2024.10 - 2025.03프론트엔드 개발회사 프로젝트
tebekAI
디자이너와 2인 팀으로 AI 이미지 처리 SaaS의 업로드·처리·결과·인증·결제·운영 흐름을 개발했습니다.
- 5종
- AI 이미지 처리 서비스
- 2인 팀
- 디자이너와 제품 전반 개발
문제
서로 다른 AI 이미지 서비스마다 업로드·처리 요청·결과 확인 흐름이 반복되고, 인증·결제·운영 기능을 함께 구축해야 했습니다.
해결
- 이미지 업로드·처리 요청·결과 확인 흐름을 공통 컴포넌트로 추상화했습니다.
- Toss Payments 기반 크레딧 충전·사용·차감 흐름과 권한별 화면을 구현했습니다.
- 경찰청 실종검색 OpenAPI와 카카오 검색 API를 연동했습니다.
결과
- 5종의 AI 이미지 처리 서비스를 동일한 사용자 흐름으로 제공했습니다.
- 일반 사용자와 관리자의 인증·결제·운영 통계 흐름을 하나의 서비스에 연결했습니다.
기술 스택
ReactJavaScriptReact QueryReact RouterAxiosRechartsToss PaymentsCSS Modules
주요 성과
- 실종아동 유사도·독립운동가·미술품 찾기, 명화 변환, 품질 개선 화면 구현
- 업로드·처리·결과 흐름 공통 컴포넌트화
- Toss Payments 기반 크레딧 결제 흐름 구현
- 인증·세션 관리와 사용자·관리자 권한 분기
- Recharts 기반 운영 통계·관리 화면 개발