Self-driven Frontend Developer with over 3 years experience, a daily Linux user, and a technical blogger who maintains personal open-source projects on GitHub. I specialize in web performance and leverage AI tools to automate workflows, bridging the gap between seamless UI/UX and efficient Developer Experience (DX). A proactive communicator, I am dedicated to delivering high-quality solutions while empowering my team through shared knowledge.
Professional Experience
Nexon Dev Vina
|
Middle Frontend Developer
–
Team Leadership & Proxy Management: Acted as a core project member and proxy lead for cross-functional teams of 3–10 engineers, bridging the gap between business requirements and technical implementation while ensuring punctual delivery.
Project Initialization & Architecture: Spearheaded the setup and configuration of modern tech stacks for new projects, designing scalable source code architectures to ensure long-term maintainability and ease of scaling.
UI/UX & Performance Optimization: Optimized performance and responsive layouts for both high-traffic landing pages and heavy React-based Admin Dashboards, ensuring smooth user experiences even in data-intensive applications.
Standardization & Code Quality: Enforced rigorous engineering standards by establishing unified linting/formatting guardrails and extensible boilerplates, ensuring high code reusability and structural consistency across all shared repositories.
Developer Experience (DX) & Workflow Automation: Packaging core logic into internal libraries and mechanized SDK pipelines to accelerate local development cycles, while streamline CI workflows for automated real-time team synchronization.
Technical Documentation & Mentorship: Established detailed technical docs and style guide conventions, while mentoring Junior/Fresher developers through code reviews and conducting technical interviews to evaluate candidate competency.
Cross-functional Collaboration: Partnered closely with Designers, QA, and PMs to contribute to business logic design and non-functional requirements, ensuring project alignment and timely delivery.
Legacy Maintenance & Product Ownership: Took full responsibility for maintaining and upgrading legacy projects, ensuring they remain robust and functional while preventing technical debt over time.
Selected Projects
Gamescale Admin | Enterprise CMS for Global Gaming Platforms | 10 engineers
–
Reactjs, Typescript, React Router, React Query, React Hook Form, Yup, Material UI, Pragmatic drag and drop, Lexical.
Architected an enterprise-grade CMS with Feature Isolation and Modular Architecture, enabling centralized management for multiple global gaming platforms and services.
Designed a reusable Form & Validation system with a multi-language pattern and schema-driven validation, serving as a scalable foundation for News, Announcements, and Banner features.
Constructed a Redux-like state management system using Context API and useReducer, implementing type-safe discriminated unions and automatic dirty state detection for complex feature workflows.
Engineered a high-performance data import system for massive Excel files (up to 10M rows), leveraging Web Workers for non-blocking client-side validation and Server-Sent Events (SSE) for real-time processing updates.
Maintained an extensible rich text editor using Lexical with 20+ custom nodes and plugins, empowering content creators to manage complex multi-language announcements and blogs.
Select All | Nexon Publishing Platform | 5 engineers
–
Architected the application using Modular Architecture and Atomic Design, enforcing strict dependency rules for a highly maintainable enterprise codebase.
Leveraged GSAP to deliver pixel-perfect, high-performance scroll-snap animations and interactive event handling, enhancing brand storytelling.
Improved the CI lifecycle with Gitlab pipeline and build performance with reduce deploy time 20% and automated Slack/Notion workflows, leveraging Vite and Rolldown to reduce build times by 60% while maximizing runtime efficiency.
Established a robust i18n framework with route-based lazy loading and selective namespace optimization to minimize bundle size, featuring systematized locale detection and dynamic translation for form error messages without state loss.
Optimized image delivery via mobile-first strategies to eliminate visual flickering, achieving zero CLS (Cumulative Layout Shift) and significantly improved LCP (Largest Contentful Paint).
Selected Projects (cont.)
Web Builder | Web Platform for building websites with no-code approach | 11 engineers
–
Architected a scalable Turborepo monorepo using Feature-Sliced Design (FSD) and JIT internal package strategies to decouple business logic and accelerate build/deployment cycles.
Engineered an automated end-to-end synchronization pipeline for API clients and domain error codes, establishing a Single Source of Truth and eliminating client-server mismatches.
Built a high-performance internal UI library using Ark UI and Composite Patterns, ensuring component flexibility and consistency with props-based testing and Storybook integration.
Developed a high-performance drag-and-drop system using Pragmatic DnD to handle complex nested content hierarchies with smooth, reactive updates.
Designed a short-polling mechanism to verify site publication status post-deployment, providing real-time feedback for administrative users.
Enhanced page load speeds through data prefetching and React Suspense, balancing immediate UI feedback with optimized network waterfall performance.
Elevated user experience through optimistic updates and debounced search with AbortController, enhancing perceived performance while minimizing redundant server requests.
Implemented a robust RBAC (Role-Based Access Control) strategy using pattern matching to enforce granular client-side route protection based on user roles.
Improved cloud infrastructure by leveraging AWS S3 for stateless metadata and presigned URLs for direct client-side uploads, offloading database pressure and reducing backend overhead.
Architected the frontend using Feature-Sliced Design (FSD) with a Page-first strategy.
Enhanced web font loading for critical 10MB Korean fonts using strategic preload directives to eliminate FOIT (Flash of Invisible Text), significantly improving FCP (First Contentful Paint) and CLS (Cumulative Layout Shift).
Built custom UI component library (20+ components), implementing hand-crafted animations with Motion, maintaining WCAG 2.1 AA compliance, integrating Storybook for comprehensive documentation and testing.
Configured Mock Service Worker to automate mock data generation and API delay simulation, enabling offline development.
Technical Skills
Languages: JavaScript, TypeScript, Go (Golang), HTML5, CSS3, SCSS, Shell Scripting.
Frontend Ecosystem: Reactjs, Astro, TanStack (Query/Router), Vite, Vitest, Zustand, React Hook Form, Zod, Tailwind CSS, Panda CSS, Material UI (MUI), Chakra UI.