모바일(Android) + 백엔드(Spring Boot)

• 지도 마커 최적화: QuadTree 알고리즘 + MarkerPool 객체 재사용으로 200개 마커에서 심각한 프레임 드롭 → 500개에서 60fps 유지
• 실시간 위치 알림: Geohash-8로 위치 인덱싱, STOMP/WebSocket으로 중심 셀 + 주변 8개 셀에 브로드캐스팅 (약 100m 반경)
• STOMP 클라이언트: raw WebSocket 위에 STOMP 프레임(CONNECT, SUBSCRIBE, MESSAGE) 수동 구현 및 서버 응답 파싱
• REST API 설계: ERD 설계, Swagger 문서화, 컨텐츠/위치/친구/알림 전체 API 개발

Android Kotlin Jetpack Compose Spring Boot WebSocket STOMP Geohash QuadTree

빅데이터 파이프라인 개발

• 하이브리드 검색 엔진: OpenSearch BM25(키워드) + Sentence Transformers(의미론적) 3단계 파이프라인, 약 250ms 응답 달성
  • BM25 1,000개 추출 → 768차원 임베딩 유사도 계산 → 키워드(40%) + 의미(40%) + 인용수(20%) 최종 랭킹
• 논문 유사도 사전 계산: PySpark로 전체 논문 쌍 코사인 유사도 배치 계산, HBase에 저장, HashMap O(1) 중복 제거로 N+1 해결
• E2E 파이프라인 자동화: OpenAlex API 수집 → GROBID PDF 추출 → Sentence Transformers 임베딩 생성
• 성능 최적화: 연결 풀링, asyncio 병렬 처리, 배치 처리(50개 단위), Redis 캐싱

Python FastAPI OpenSearch PySpark HBase Sentence Transformers Redis asyncio

풀스택 개발 (플러그인 시스템, CI/CD)

• 플러그인 시스템: 하드코딩된 프레임워크 설정을 YAML 기반 선언형 아키텍처로 전환, Tauri IPC로 동적 로드
• stack.yaml 생성 엔진: 캔버스 노드/엣지 분석 → DATABASE_URL 환경변수 자동 주입 → 포트/헬스체크 자동 생성
• GitHub CI/CD: 프레임워크 자동 감지(Spring Boot, FastAPI, React) → GitHub Actions 워크플로우 자동 생성
• 플러그인 레지스트리: PR 시 GitHub Actions 자동 검증, 커뮤니티 플러그인 생태계 구축
• 모니터링 통합: Prometheus + Grafana 플러그인화, 3가지 배포 모드 지원

React TypeScript Redux Toolkit React Flow Tauri Rust Go Docker GitHub Actions

프론트엔드 개발

• 프로젝트 아키텍처: React 18 + TypeScript + Vite, TanStack Query(서버 상태) + Zustand(클라이언트 상태) 분리 설계
• 실시간 채팅: WebSocket(STOMP) 기반, 읽지 않은 메시지 Badge, React Query ↔ Zustand 양방향 동기화
• 반응형 디자인: 모바일 리스트형 / 데스크탑 그리드형 레이아웃 동적 전환
• 최적화: URL 기반 상태 관리, 낙관적 업데이트, 이미지 드래그앤드롭

React TypeScript TanStack Query Zustand WebSocket STOMP Tailwind CSS

프론트엔드(Flutter)

• 실시간 센서 시각화: Syncfusion 게이지로 온도/pH/EC 반응형 반원형 게이지, LayoutBuilder 기반 동적 크기 조절
• 시계열 차트: FL Chart로 센서값 추이 라인 차트, 센서별 최적 Y축 범위 설정
• Clean Architecture: Presentation/Domain/Data 계층 분리, Cubit 상태 관리

Flutter Dart Syncfusion FL Chart Clean Architecture