I am a Product-Minded Engineer who bridges the gap between design, code, and business.
I build scalable architectures that optimize performance and contribute to sustainable product growth.
Core
State & Styling
Creative & 3D
DevOps & Tools
Aug 2024 - Present
Key Achievement: Optimized UI architecture & rendering performance for fan commerce platform (100k+ users)
- Performance Optimization: Optimized sprite-based effects with a two-stage Sharp compression pipeline, reducing asset size by 75% (8MB → 2MB).
- Architecture: Designed a declarative UI architecture using the Builder Pattern, reducing implementation time by 87% (1 day → under 1 hour).
- Payment Module: Engineered a unified payment module by formalizing 5-stage payment flow and 10 error types across PC (iframe) and mobile (redirect), reducing per-brand integration code from 2,300 to 30 lines and effort from 3 days to 1 hour.
- System Design: Established a 4-Layer CSS Token architecture with Radix + CVA + Tailwind for a 10+ brand platform, reducing codebase by 83%+ and new brand onboarding from 1 man-day to under 1 hour.
- Quality Automation: Built end-to-end payment testing (Playwright + MSW) with AI-assisted reporting, cutting equivalent QA from 3 hours to 2 minutes and catching 10 bugs before release.
- Experimentation: Engineered a feature-flagged A/B test with a 7-event GA4 conversion funnel, keeping tracking intact across a multi-app login flow.
- DX: Rolled out a Feature Flag system with AI-assisted Git automation, cutting hotfix rate from 15.4% to 0%.
Jun 2021 - Mar 2022
Key Achievement: Enhanced user engagement through data-driven UX design
- UX Strategy: Spearheaded service planning for the pre-owned luxury market by analyzing user pain points and designing UX-driven flows.
- Engagement: Redesigned 'Style Challenge' reward mechanics, increasing unique user participation by 50% (2k → 3k).
- Marketing: Revamped Instagram strategy, enhancing content aesthetics and driving 20,000+ follower growth.
→ Frontend Impact: This experience shaped my approach to building UIs, I now design component APIs and user flows with conversion metrics and behavioral data in mind.
Tech: Next.js 15, React 19, TypeScript, Three.js (GLSL), pnpm Monorepo
A web platform that helps users understand emotional patterns by visualizing daily moods as evolving 3D planets.
- Problem: Traditional mood trackers rely on text logs, making it hard to spot emotional patterns over time.
- Solution: Transforms emotion data into organic 3D visuals. Each planet's color, texture, and motion reflects the user's emotional state.
- Rendering: Improved framerate from 29fps to 61fps by removing redundant GLSL shader noise calls by 92% and reducing triangle count by 88% via LOD subdivision.
- Bundle Optimization: Resolved barrel export issue causing 712KB Three.js to load on non-3D pages, reducing First Load JS by 58% and boosting Lighthouse score from 66 to 97.
- Monorepo: Structured a
pnpmmonorepo sharing 3D components between Next.js web and Chrome extension (Vite + Manifest V3). - Auth: Secured cross-context authentication via OAuth 2.0 + JWT (15-min access / 30-day refresh).
- Accessibility: Raised Lighthouse accessibility (mobile 100, desktop 95–100) via WCAG 2.1 AA best practices.
- Backend & AI: Built a Spring Boot REST API (14 endpoints, 5 domains) with Gemini integration, using time-bucket sampling to cut token usage by 97%.
- Yonsei University - B.A. Human Environment & Design (GPA: 4.14/4.5)
- Samsung Software Academy For Youth (SSAFY) - Web Development (Project Excellence Award)
- Google Developer Student Clubs (GDSC) - Core Member (Solution Challenge Top 100)
🎨 Beyond Code: Philosophy & Visuals (Click to expand)
Light combines to form White, and I combine disciplines to create Value.
I integrate Engineering, Design, and Business to build products that are
technically sound, visually compelling, and commercially successful.
🟢 Design creates Usability
🔴 Business creates Impact