Software Engineer · Interactive Systems
대용량 데이터 + 실시간 UI 환경에서 병목을 측정하고, 구조적으로 분리하고, 수치로 개선하는 것을 선호합니다.
Core Next.js · React · SvelteKit · Svelte · TypeScript
State & Data Zustand · TanStack Query / Router / Table
Visualization & Processing Konva.js · GeoTIFF · OpenCV.js (WASM)
Real-time Socket.IO
2026.04 – Present
2025.03 – 2026.04 산업용 X-ray 영상 처리 / AI 라벨링 툴 프론트엔드
2024.08 – 2024.11
배터리 셀 X-ray 불량 검출 + AI 학습용 라벨링 툴
- Canvas Layer 분리 → 30fps → 60fps
- XOR Delta + RLE 압축 → Undo/Redo 메모리 2GB → 50MB
FSD 4-Layer 아키텍처 기반 라이선스 관리 시스템
- TanStack Virtual → 1,000건 테이블 1,000ms → 30ms
React exit animation flicker 제거 라이브러리 Suspense 기반 DOM commit 제어
- 0.88KB (gzip)
- 22 tests (Lines 100% / Branch 84%)
사내 C#/.NET 팀 온보딩용 Marketplace 플러그인
- 7 Skills (Code Review · TDD · MVVM Generator 등)
- 12 Modern C# 규칙
- v1.8.0
High-Performance Canvas Architecture Demo 3-Layer Rendering · 60fps · XOR+RLE Delta History Worker Offloading · 115 Tests · Live Demo
CRDT 기반 Offline-First 매매일지 Yjs + Dexie 이중 계층 구조 · PWA · 서버 비용 $0
React 디자인 패턴 · React 내부 구조 · JS 심화 · TypeScript 챌린지 등 총 49개 아티클 https://jeongheonk.github.io/blog/