Lead ProjectCore2026.01 — Present·Frontend Team Leader
WhereYouAd
광고 성과 데이터를 분석하고 팀 워크스페이스를 관리하는 B2B SaaS 기반 마케팅 대시보드 서비스
ReactTypeScriptTailwind CSSZustandTanStack QueryReact Router
Problem
광고 성과 데이터가 산재되어 있어 마케터가 KPI를 한눈에 파악하기 어렵고, 팀 단위 워크스페이스 협업 환경이 부재했습니다.
Solution
AI Summary 패널로 성과 인사이트를 자동 요약하고, Zustand · TanStack Query로 서버/클라이언트 상태를 분리하여 안정적인 대시보드 아키텍처를 설계했습니다.
준비 중입니다
Key Implementation
- AI 기반 광고 성과 요약(AI Summary) 패널 UI 설계 및 인터랙션 구현
- 대시보드 KPI 카드 및 Highcharts 기반 데이터 시각화 라이브러리 연동 구현
- Zustand와 TanStack Query를 활용하여 서버 상태와 클라이언트 상태를 엄격히 분리한 구조 설계
- 재사용 가능한 공통 컴포넌트 가이드라인 수립 및 atomic-like 구조 채택으로 개발 생산성 30% 향상
- 공통 PageHeader 및 Modal, Drawer 등 글로벌 UI 컴포넌트 아키텍처 설계
Collaboration & Quality
- GitHub Flow 기반 브랜치 전략 및 PR 단위 코드 리뷰 문화 주도
- 디자이너와 UI 가이드를 조율하여 디자인 시스템 기반의 UI 일관성 확보
- 금융권 수준의 안정성을 고려한 에러 바운더리 및 에러 핸들링 전략 수립
Key Learning
“단순한 기능 구현보다 데이터 흐름의 안정성과 확장 가능한 프론트엔드 아키텍처 설계의 중요성을 경험했습니다.”