AI 기반 실시간 콘텐츠 필터링 크롬 익스텐션. 사용자가 선택한 카테고리의 텍스트 및 이미지를 AI가 감지하여 블러 처리함으로써 안전하고 쾌적한 웹 서핑 환경을 제공합니다.

팀원

강신지: BE

김민진: BE, AI, extension

김은비: FE

백태균: BE, AI, Infra

여용현: FE, extension

이인희: 팀장, BE, Infra

담당 역할

• 텍스트 필터링(100%)
  • 텍스트 혐오 데이터셋 수집
  • 데이터 전처리(멀티라벨링)
  • klue/bert-base 모델 파인튜닝
  • FastAPI 기반 백엔드 구현
  • 프론트엔드 텍스트 노드 수집
• Backend(10%)
  • 사용자 필터링 설정 정보 저장
  • 코드리뷰

핵심 기술 특징

Frontend

• 크롬 익스텐션 3-tier 아키텍처: Content Script(DOM 감지) → Background Script(중계) → Offscreen Script(Socket.IO 통신)로 구성하여 CORS 제약 우회 및 안정적인 WebSocket 연결 확보
• 실시간 DOM 감지: MutationObserver + IntersectionObserver 기반 뷰포트 우선 스캔으로 동적 콘텐츠(YouTube 썸네일 등) 실시간 처리