[프로젝트 회고] 집중력 스팬 측정 AI 웹/앱 서비스

프로젝트 소개

• 프로젝트 인원 : 5명 (프론트엔드/디자인 1명, 백엔드 2명, AI 2)
• 프로젝트 : 집중력 스팬 측정 AI 웹 서비스 (2024.11-2024.12)
• 깃허브 링크 : https://github.com/TABA6-4
  
  
• 협업 : Github, Notion, Discord
• 기술 스택
  • Frontend : Flutter
  • Backend : Spring Boot
  • Infra : AWS EC2, Docker Container, WebSocket
  • AI : HuggingFace 기반 AI 모델, OpenCV

 

프로젝트 설명

현대인들은 후천적 ADHD 발병률이 높고 숏츠가 증가함에 따라 집중력이 분산된다는 단점이 있다. 이를 개선하기 위해 웹캠을 통해 사용자의 집중하는 모습을 데이터로 취득 후, (준)실시간으로 웹소켓으로 통신을 한다. 데이터가 백엔드를 거쳐 AI로 도착하면 AI가 집중도를 집중/비집중/졸림 이렇게 크게 3가지고 분류를 하고 분석 자료를 프론트엔드에 띄운다. 
 

담당 구현 기능

- 회원가입/로그인, 메인 화면, 웹캠 집중 화면, 집중 준비 화면, 집중도 분석 자료 화면 설계/구현
- 백엔드와의 웹소켓 연동/통신
 

회고

잘한점

- 웹소켓을 통한 백엔드와의 연동이 성공적으로 되었다. 다음부터는 데이터 형식을 잘 참고한다.
- 웹캠 라이브러리는 처음 사용해보는데 생각보다 구현시키기 어렵지 않았다.
- 백엔드로부터 받은 결과 페이지(집중도 분석 자료 화면)가 랜더링이 성공적으로 되었다.
 

개선할점

- 팀원들과의 후반부 소통에 차질이 좀 많았다. 다음부턴 기획 과정에서 각 화면의 역할과 디자인을 더 쉽게 전달해봐야겠다.
- 코드 최적화가 아쉬웠다. 다음부턴 공통된 컴포넌트/버튼/그 외 기능들을 따로 파일로 빼서 코드를 100줄 내외로 관리한다.