포트폴리오로 돌아가기
AI 얼굴 인식 집중 타이머
웹캠 얼굴 인식으로 집중 시간과 피로도를 추적하는 생산성 도구
역할
기획 · UI/UX 디자인 · 풀스택 개발
기간
6주
연도
2025
프로젝트 개요
AI 얼굴 인식 집중 타이머는 웹캠에서 얼굴 감지, 시선 방향, 피로도 신호를 분석해 작업 시간을 자동 기록하는 서비스입니다. 얼굴 미감지 시 자동 일시정지, 집중도 점수, 작업별 통계, 인증 기반 백엔드 구조를 설계했습니다.
풀고 싶었던 문제
공부나 작업 시간을 재다 보면 자리를 비워도 타이머가 계속 돌아가요. 얼굴이 보일 때만 시간을 재고 집중도까지 알려 주는 타이머를 만들었어요.
맡은 범위
- 웹캠 얼굴 감지 기반 자동 시작·일시정지
- 눈 깜빡임·하품·시선·머리 자세로 집중도 점수 계산
- 작업별 시간 기록과 통계
- 회원 인증과 백엔드 API 설계
만든 기능과 구성
- 얼굴 감지 기반 자동 타이머
- 집중도·피로도 분석
- 작업별 시간 기록
- 통계 대시보드
어려웠던 점과 해결 방법
개인정보 보호
얼굴 영상은 서버로 보내지 않고 브라우저 안에서만 분석해요. 결과 수치만 저장하도록 설계했어요.
브라우저 성능
실시간 얼굴 분석은 무거워요. GPU 가속(WebGL)을 쓰는 라이브러리로 브라우저에서도 끊김 없이 돌아가게 했어요.
결과
- timer.naldadev.com에서 베타로 써 볼 수 있어요.
기술 스택
ReactViteTypeScriptface-api.jsNestJSPostgreSQLRedis
태그
#AI #컴퓨터비전 #생산성 #타이머
자주 묻는 질문
카메라를 쓰는 AI 기능도 웹으로 만들 수 있나요?
네. 앱 설치 없이 브라우저에서 카메라로 얼굴을 분석하는 기능을 만들었어요. HTTPS 환경과 카메라 권한 안내가 필요해요.
다른 포트폴리오