개발자가 Next.js와 AI 모델을 활용하여 얼굴형 자동 감지 및 개인화 스타일 추천 웹 앱을 구축했다

Context

기존 스타일 추천 서비스는 단순한 텍스트 기반 조언만 제공했으며 얼굴형 감지를 수동으로 진행해야 했다. 사용자는 다양한 조명, 각도, 이미지 품질, 배경 조건의 사진을 업로드하므로 AI 감지의 정확도 유지가 어렵다는 한계가 있었다.

Technical Solution

• Next.js 기반 SPA로 프론트엔드 라우팅 및 서버사이드 렌더링 처리
• React 컴포넌트 활용하여 이미지 업로드 UI 및 감지 결과 표시 구현
• AI 얼굴형 감지 모델 연동으로 Oval, Round, Square, Heart, Diamond, Rectangle 6가지 분류
• 감지 결과를 기반으로 헤어스타일, 선글라스 프레임, 스타일 팁 매핑 로직 구현
• 반응형 디자인 적용으로 모바일 및 데스크톱 환경 지원

Impact

실시간 이미지 처리 및 얼굴형 감지 성능 최적화 필요

Key Takeaway

단순 AI 출력값 그대로 보여주기보다 사용자의 실제 의사결정에 도움이 되는 의미 있는 추천으로 변환하는 UX 설계가 제품 가치를 높인다