NURIE AI (주)누리에에이아이
Software Engineer · 2025. 03. ~ 재직 중
BriefingHub
AI 키워드 뉴스 분석 및 브랜드 AEO/GEO 모니터링 웹 플랫폼
일정 : 2025. 06. ~ 진행 중
기술 스택 : Next.js, React, TypeScript, Tailwind CSS, TanStack Query, Zustand, next-intl, GCP
참여 인원 및 기여도 : 2인, 60% (기획, 디자인, 개발)
역할 : 기획 및 프론트엔드 전담 개발
- Zustand store과 useEffect 의존성 기반 데이터 fetch 구조에서 불필요한 뉴스 조회 API 호출 개선을 위해 TanStack Query로 서버 상태 분리, 호출 수 7 → 3회로 감소
- AI 뉴스 분석 결과 조회 시 장기간 로딩 UI가 노출되는 문제를 해결하기 위해 SSE 통신으로 변경 제안, 점진적 데이터 렌더링을 통해 첫 데이터 표시 시점 80% 단축
- AEO/GEO 모니터링을 위해 LLM 텍스트 응답에서 출처 특징, 브랜드 감성, 브랜드 특징 인사이트를 추출하고 시각화하는 차트 API 및 대시보드 개발
- Lighthouse로 초기 화면 랜더 병목 지점 파악해 동적 import 분리, 로딩 UI DOM 트리 통합 등 개선, Performance 28점 향상
- 스케줄러 기반 임시 데이터 관리 로직을 GCP Firestore TTL로 변경해 운영 비용 절감
BriefingHub Extension
SNS 게시글 반응 모니터링 대시보드 Chrome Extension
일정 : 2025. 06. ~ 진행 중
기술 스택 : React, TypeScript, Chrome Extension Manifest V3, Vite, Tailwind CSS, Recharts, Cheerio
참여 인원 및 기여도 : 1인, 100% (기획, 디자인, 개발)
역할 : SNS 스크래퍼 및 모니터링 대시보드 개발
- 스크래퍼 개발 중 chrome://discards를 활용해 백그라운드 탭의 Visibility, Freeze 상태에 따른 DOM 로딩 제약 사항 파악, inactive 탭에서도 스크래핑이 정상 수행되도록 파이프라인 개선
- 주기마다 모든 스크래퍼에 이벤트를 보내 실행 타이밍을 확인하던 Pub/Sub 구조를 Scheduler로 변경, 불필요한 이벤트 발행을 없애고 스크래퍼별 개별 주기에 따라 동작하도록 개선
- Chrome의 자동 백그라운드 탭 정리 및 Service Worker 종료로 인한 데이터 유실 문제를 chrome.storage 기반의 상태 백업 및 자동 복구 로직을 구현해 해결