우덕균
서비스 전반의 맥락을 이해하고, 기술적 선택이 사용자 경험·운영 비용·팀 생산성에 미치는 영향을 고려해
구조와 방향을 결정해 온 개발자입니다. 빠른 가설 검증을 선호하며 문제 해결을 위해 프론트엔드에 국한되지
않고 필요한 기술을 적극적으로 선택해 왔습니다.
State
React Query, Redux, Zustand
Styling
Emotion CSS, shadcn/ui, Storybook
Tools
Firebase, Figma, npm/yarn(berry)/pnpm
경험
개발팀 | 프론트엔드 리드
사용 기술: TypeScript, Next.js, Storybook, shadcn/ui, Zustand, TanStack Query, Flutter, Electron, Express
CMS/대시보드 & 운영 플랫폼
- 광고 지표(Pass, Glance, Attention, 성별/연령, 장치 상태 등) 시각화를 위한 분석용 대시보드 기획·개발
- 내부 운영용 Admin 플랫폼 설계·구현 (회원 관리, 인벤토리 그룹, 캠페인/플레이리스트 구성)
- 리테일/전시/미디어랩 등 다양한 사용처를 고려한 커스터마이징 가능한 구조 설계
- i18n 기반 다국어 대응 구조 설계·운영 (영문/일문)
- 장비 헬스체크 및 장애 대응 시각화 기능 구축
- Antd → 자체 디자인 시스템 리팩토링, Storybook 기반 스켈레톤/기본 컴포넌트 체계 구축
- Catch-All Proxy 패턴을 적용한 BFF API 통신 구조 설계로 프론트 변경 시 백엔드 의존도 최소화
광고 캠페인 상세 광고 캠페인 리포트 광고 캠페인 등록 광고 캠페인 등록2 인벤토리(광고 송출 타겟) 상세 인벤토리(광고 송출 타겟) 상세2 콘텐츠 플레이어 (Ubuntu 기반 미니 PC)
- Ubuntu 기반 미니 PC에서 송출되는 콘텐츠 플레이어 운영·개선
- Electron 기반 웹 플레이어를 mpv 기반 네이티브 플레이어로 전환해 안정성·메모리 문제 해결
- GPU 하드웨어 가속 활용으로 CPU 사용량 감소 및 장시간 재생 안정성 확보
SW Installer (BLE 기반 연결 설치 앱)
- Ubuntu 기반 장비를 BLE로 Wi‑Fi에 연결·제어하는 모바일 설치 앱 기획·개발
- Flutter 기반 개발, BLE 연결 안정성 및 UX 개선 반복
- 연결 정보 전달, 설치 완료 후 상태 확인 기능 포함
- GATT 서버 개발 경험
step1: BLE 페어링 step1: 장비 모니터링 step1: 장비 모니터링 step2: 카메라 연결 확인 step3: 카메라 화각 확인 step4: 모니터 조정 step5: 네트워크 연결 step6: 장비 위치 설정 step7: 완료 전시 & 부스 운영 지원
- Electron 기반 실시간 대시보드/위젯 디자인·기획·개발
- CES, ISE, NRF, EuroShop, ADLM 등 대형 전시 부스에서 장비 설치 및 운영 전담
- 전시회용 Electron 앱 디자인·개발 (대시보드: Next.js/Emotion, 위젯: Svelte/SCSS)
NRF 2026 - 부스 전경 ISE 2025 - 부스 전경 ISE 2025 - 공간 분석 광고 최적화 KES 2024 - 부스 전경 KES 2024 - 현장 운영 ISE 2024 - 전체 뷰 ISE 2024 - 세부 뷰 CES 2024 - 전체 뷰 CES 2024 - 세부 뷰 개발팀 | 팀장
사용 기술: TypeScript, React, Next.js, Zustand, TanStack Query, Storybook, Emotion CSS
주요 성과
- 개발 조직(개발·디자인·기획) 이터레이션 운영 및 스프린트 문화 정착
- React SPA → Next.js(App/Page Router) 전환으로 렌더링 전략 재설계(SSR/CSR 분리)
- SEO가 필요한 페이지 분리로 유입 지표 개선
- Antd → Emotion 기반 디자인 시스템 적용으로 문제 커머스·스튜디오·백오피스 UI 통일
- 영어 문제 제작 에디터 “쏠북 스튜디오” 총괄 및 PDF 추출 플로우 구축
개발팀 | 프론트엔드 리드
사용 기술: TypeScript, React, Next.js, Electron, Firebase, Zustand, React Query, Storybook, Emotion CSS
주요 성과
- 프론트엔드 전반 개발 및 팀 리딩
- React SPA → Next.js(App/Page Router) 전환으로 렌더링 전략 재설계(SSR/CSR 분리)
- 저사양·저용량 디바이스 캐시 구조 문제 해결 및 맞춤 설계
- 웹앱 환경에 맞는 Android/iOS 인터페이스 설계 (가상 키보드, Pull to refresh 등)
- Storybook 디자인 시스템 도입으로 디자인–개발 불일치 제거 및 컴포넌트 재사용률 개선
- 후원 시스템, 팬클럽 시스템 기획 및 도입으로 매출 증대 및 유저 리텐션 확대
- Electron 기반 '채티 스튜디오' PC 에디터 기획·설계·개발
- firebase remote config 기반 A/B 테스트 운영 및 글로벌 i18n 지원
채티 내 작품 홍보 팬클럽 시스템 예약 회차 미리보기 후원 시스템 채티 Studio PC 개발팀 | 사원
사용 기술: React, Redux, Universal Rendering(webpack SSR), SCSS
주요 성과
- 뷰어/댓글/에디터 영역 개발
- 백오피스로 작품 검수 및 유저 관리 시스템 구현
- 개발용 언어인 한국어와 서비스 언어인 중국어 번체/간체 i18n 지원
myrics 개발팀 | 사원
사용 기술: JavaScript, Backbone, Flask
주요 성과
- 워드프로세서 스타일 첨삭 기능을 웹상에서 구현
- 다국어 사용자 대상 i18n 지원
ediket editor - 선린인터넷고등학교 신입생 대상 기초 C, Python 강의 진행
- Staccato - SK 플래닛 운영 AppJam, STAC 멘토로 특성화고 웹 개발 실무/기술 강의