김도현

updated at 2026-07

4년간 B2B 제품과 사내 운영 도구를 개발해 온 프론트엔드 엔지니어입니다.

신규 모빌리티 플랫폼의 프론트엔드 기반을 설계하고, 여러 서비스가 함께 사용하는 디자인 시스템과 API 타입 자동화를 구축했습니다.

제품 UX와 개발 생산성의 병목을 구조로 풀어내며, 필요한 문제라면 AI 기반 운영 도구와 Native Bridge처럼 프론트엔드 경계 밖까지 파고듭니다.

Contact

서비스개발팀

2024년 07월 ~ 현재

피플카(투루카)의 신규 B2B 플랫폼과 공용 프론트엔드 기반, 운영 백오피스 앱 개발을 담당하고 있습니다.

Next.js (App Router) Vite Electron Tailwind CSS TanStack Query

2024년 10월 ~ 2025년 05월 구축·출시 / 이후 유지보수 및 확장

차량 자산을 기반으로 한 B2B Web·Admin·WebView를 0부터 구축해 2025년 05월 출시했습니다.
차량 관제 지도에서 수천 대 마커가 몰려도 조작 가능한 성능을 확보했습니다.
- Chrome DevTools FPS Meter와 4x throttling 환경에서 프레임 드롭/프리징을 재현하고, 기획자와 필요한 정보 밀도를 먼저 재정의
- 클러스터링, 이동 중 업데이트 debounce, 이미지 기반 마커를 조합해 고밀도 지역에서도 60fps 수준 유지
iOS/AOS 키보드·safe area 차이로 인한 CTA 위치 불안정을 개선하고, Native BLE 상태에 따른 불필요한 Web API fallback을 제거했습니다.
Edge·Server·Client Runtime의 로그 수집을 표준화하고, Server Action 기반 logger와 AWS CloudWatch Logs Insights 조회 흐름을 구축했습니다.
- Client Runtime Error, API 호출 lifecycle, Server Error를 각 Runtime의 진입점에서 수집
- Next.js에서 자동화된 로깅 구조 만들기
OpenAPI 3.0 YAML 기반 개발자센터를 구축해 B2B 파트너가 API 문서를 직접 확인하고 연동할 수 있도록 지원했습니다.

2024년 07월 ~ 현재

6개 웹앱과 1개 WebView에서 사용하는 Radix UI 기반 공용 컴포넌트 50개 이상과 라이트·다크 테마 구조를 구축했습니다.
- AI 코드 생성이 사내 컴포넌트 사용 기준을 벗어나지 않도록 Storybook 문서를 Agent Skills 형태로 전환
OpenAPI YAML 기반 .d.ts 생성 스크립트를 개발해 request·response 타입의 수기 작성과 변경 누락을 줄였습니다.
Date Picker와 Table·ColorPicker·Markdown 입력을 지원하는 Rich Text Editor를 공용 컴포넌트로 구축했습니다.
- Rich Text Editor HTML 결과를 gzip 압축해 DB 저장 크기 평균 70~80% 감소

2026년 03월 ~ 현재

Electron TanStack Router Rust napi-rs

Electron 기본 API만으로 확인하기 어려운 OS 알림 권한과 Focus/DND 상태를 조회할 수 있도록 Rust·napi-rs 기반 macOS·Windows Native Bridge를 구현했습니다.
TanStack Router 기반의 Chrome 탭 형태 라우팅을 구현해 화면 전환 후에도 검색 조건과 입력 상태가 유지되도록 했습니다.
Fetch 응답 스트림으로 다운로드 진행률을 표시하고, 진행 현황이 항상 노출되는 Overlay UI를 구현했습니다.

2025년 11월 ~ 2025년 12월 구축 / 이후 유지보수

개발자에게 반복적으로 요청하던 데이터 추출 과정을 자연어 기반 운영 데이터 탐색 흐름으로 전환했습니다.
스키마 사전 embedding, 개인정보성 테이블 제외, 금지 SQL 키워드 검증, TOP N 기본 주입을 적용한 MSSQL SELECT query 생성·실행 구조를 구현했습니다.

기술연구소 - 제품기술팀

2022년 03월 ~ 2024년 03월

ERP 솔루션의 프론트엔드 개발과 기술지원을 담당했으며, 첫 1년은 Java·React를 병행하고 이후 1년은 프론트엔드 전담으로 근무했습니다. 고객사별 커스텀 화면을 구현하고 온프로미스 환경에 솔루션을 배포·유지보수했습니다.

TypeScript Next.js Tailwind CSS TanStack Query

실시간 차트 API 응답 크기를 10MB에서 1MB 이내로 줄여 90% 이상 감소
- 차트별 마지막 Timestamp 이후 데이터만 조회하도록 API를 개선해 전체 데이터를 반복 수신하던 문제 해결
오픈소스 모니터링 솔루션을 분석하고 Apache ECharts 기반 대시보드의 기획·설계·기술스택 선정·개발을 담당
Vanilla JS 기반의 사내 디자인 시스템을 React로 마이그레이션
- UI 컴포넌트, Modal(Dialog, Drawer, Tooltip) 등을 React로 재구성
React Query, Suspense, Error Boundary를 통해 API 캐싱 및 예외 처리 로직 구현

프론트엔드 개발 경험과 기술적 의사결정을 기록하는 개인 블로그입니다.

2021년 07월 ~ 2022년 01월

Java, Spring, Oracle DB, JavaScript 기반 웹 애플리케이션 개발 과정 수료

병역 2019년 07월 ~ 2021년 04월

IT미디어 정보통신과 전문학사

2017년 03월 ~ 2019년 02월