Projects

작업

제품마다 자기 챕터를 갖습니다. 각 챕터는 제품 맥락 한 단락과 그 안에서 다룬 사례 목록으로 펼쳐지고, 사례 제목을 누르면 본문으로 이어집니다.

모두 사내 프로젝트로 소스 코드는 NDA에 의해 비공개입니다. 2024년 중반 이후 작업은 Claude AI agent와의 페어 프로그래밍으로 구현되며 본인이 아키텍처·리뷰·검증을 담당했습니다 (각 케이스 상세 페이지에 implementation 표기). ClassMate(2023)는 AI 도입 전 hand-written 시기의 작업입니다. 구체적인 구현·메트릭·디버깅 과정은 인터뷰에서 자세히 공유드릴 수 있습니다.

Chapter 01 · MeetMate · Web

MeetMate

웹

B2B 다자간 화상회의 플랫폼의 웹 클라이언트. 2026년 레거시 RN+Electron 모노레포에서 분기한 신규 React 19 SPA(v4)를 프론트엔드 단독으로 재구축해, 한 달 만에 로그인부터 호스트 기능 7배치까지 완주했습니다 (백엔드는 별도 팀원 담당).

React 19 Vite + SWC Zustand TanStack Query lib-jitsi-meet Jenkins
Cases 04
Chapter 02 · MeetMate · Mobile

MeetMate

모바일 · iOS + Android

같은 화상회의 플랫폼의 모바일 앱. React Native 0.77로 구현됐고, 100명 회의 성능부터 iOS 릴리즈 자동화, 테스트 인프라 도입까지 프론트엔드 단독으로 책임집니다 (백엔드는 별도 팀원 담당).

React Native 0.77 Zustand lib-jitsi-meet react-native-webrtc Jest
Cases 06
Chapter 03 · ClassMate

ClassMate

교육·LMS 도메인 · 웹

MeetMate 화상회의 코어를 교육·LMS 도메인으로 분기한 React 웹 제품. 2023년 팀의 한 사람으로 코치-코치이 Q&A · 커뮤니티 · 컨퍼런스 · 알림 · 4-tier 백오피스 영역에서 특정 기능을 담당했습니다 (전체 단독 아님, 동료들과 공동 개발 + 백엔드는 별도 팀원).

React 18 Redux Toolkit jitsi-js-utils react-konva webpack i18next
Cases 02
Chapter 04 · NMS · Web

NMS

네트워크 관리 시스템 · 웹

B2B 네트워크 관리 시스템의 웹 클라이언트. Next.js 14 App Router 기반 멀티테넌트 제품으로, 초기 빌드아웃 인계 후 2년간 프론트엔드 단독으로 발전·유지하며 RBAC 권한 시스템과 데이터 로딩 아키텍처를 재설계했습니다 (백엔드는 별도 팀원 담당).

Next.js 14 TanStack Query TypeScript Emotion + MUI Chart.js
Cases 04
Chapter 05 · CBR

CBR

RAG 사례 챗봇 · 풀스택 단기

RAG 기반 사례 챗봇. 2025년 7-8월 7주간 팀의 한 사람으로 참여해, SSE 다단계 스트리밍 파이프라인과 라우트 이탈에도 끊기지 않는 상태 수명 관리(StreamManager)를 담당했습니다. 백엔드는 다른 분이 시작한 FastAPI + LangChain + Qdrant 코드 위에 SSE 엔드포인트 등을 AI agent와 함께 확장했습니다 (전체 풀스택 단독 아님).

Next.js 15 React 19 FastAPI LangChain Qdrant TanStack Query
Cases 01