hongsoohyuk
HomeGuestbookProjectInstagramBlogAI Chat

© 2026 hongsoohyuk. All rights reserved.

GitHubLinkedIn

Soohyuk Hong

Frontend Engineer · 3 Years of Experience

📧 hongsoohyuk@icloud.com

🌐 hongsoohyuk.com

🔗 github.com/hongsoohyuk

Summary

Frontend engineer with 3 years of hands-on experience building data-intensive B2B platforms — billing systems, SaaS admin dashboards, and multi-CDN orchestration tools. Proven track record of delivering real-time monitoring dashboards, scalable multi-entity architectures, and automated i18n pipelines across Korean, English, and Japanese locales.

Passionate about bridging complex backend systems with intuitive, performant user interfaces. Achieved measurable impact including 49.8% bundle size reduction, 95% render time improvement, and up to 100x faster dev server startup through Vite migration and architectural overhauls.

Technical Skills

Core: React 19, TypeScript, Vite, Next.js

State Management: Zustand, React Query (TanStack Query)

UI & Styling: Shadcn/ui, Tailwind CSS, Material-UI

Data Visualization: Chart.js, ApexCharts.js Real-time dashboards

Internationalization: i18next, Google Sheets-driven i18n automation with type-safe key inference

Build & Tooling: Vite, Webpack, Yarn Berry (PnP), Monorepo architecture

Testing: Jest, Playwright

Infrastructure: Terraform, AWS (ECS Fargate, S3, CodeBuild), CI/CD pipelines

Languages: Korean (native), English (business proficient — TOEFL 99, TOEIC 905)

Professional Experience

Megazone Cloud — Frontend Engineer

April 2023 – Present (3 years)

BillOne — Multi-Cloud Billing Platform

February 2026 – Present

Internal billing and settlement platform managing CSP reseller cost operations for GCP, Datadog, and 100+ cloud service entities.

Stack: React, TypeScript, Vite, TanStack Router, TanStack Query, Shadcn/ui, Tailwind, Zustand, React Hook Form, Zod

1. Designed App Registry Architecture for Multi-Entity Scalability

  • Engineered a declarative feature registry system to support 100+ CSP entity types, each requiring distinct UI configurations
  • Implemented runtime component resolution via lazy imports with caching, eliminating conditional branching in route files entirely
  • Achieved single-config onboarding: adding one registry entry auto-propagates navigation, routing, and feature access control
  • Applied code-splitting per entity to optimize bundle size

2. Built Automated i18n Pipeline with Type-Safe Key Inference

  • Designed Google Spreadsheet as the single source of truth for ko/en/ja translations, enabling non-engineers (PMs, planners) to contribute directly
  • Implemented OAuth2-authenticated pull script with camelCase key validation, duplicate detection, and per-language coverage reporting
  • Enforced compile-time type safety via resources as const + namespace inference, fully eliminating any casts in t() calls
  • Reduced i18n sync to a single CLI command: pnpm i18n:pull

SaaSOps — SaaS Management Admin Platform

November 2024 – January 2026

Data-driven admin platform for enterprise SaaS management — consolidating spend, licenses, contracts, and user data into actionable dashboards and filter systems.

Stack: React, TypeScript, Vite, React Query, Zustand, Yarn Berry

Key Metrics

  • Reduced bundle size by 49.8% (12,884 kB → 5,480 kB)
  • Cut average interaction render time by 95% (47.9ms → 2.15ms)
  • Improved dev server startup speed by up to 100x

1. Built OpenSearch-Powered Custom Filter System

  • Abstracted keyword, multi-select, and date-range filter UIs into a domain-agnostic component architecture using OOP principles
  • Implemented parameter-key-based state management to prevent unnecessary re-renders
  • Enabled rapid feature development for user-defined dynamic filtering across any API spec

2. Introduced MVVM Pattern for Cost Management Module

  • Separated UI and business logic by delegating form state to ViewModel layer, supporting multiple cost input sources (card approvals, invoices)
  • Achieved 30% reduction in duplicate code; pattern adopted across all cost entry features

3. Led TypeScript & OpenAPI Generator Adoption

  • Migrated JavaScript codebase to TypeScript and introduced OpenAPI Generator for automated API type generation
  • Established contract-based collaboration workflow with backend engineers, reducing communication overhead

4. Drove Webpack-to-Vite Migration

  • Replaced Webpack with Vite, leveraging browser-native ES modules for up to 100x faster local dev startup and significantly improved HMR responsiveness
  • Shared migration learnings across the frontend chapter, contributing to org-wide adoption

Cloudplex Delivery — Multi-CDN Orchestration Platform

April 2023 – November 2024

Platform for managing 10+ CDN vendors with DNS-based routing policies, real-time traffic monitoring, and CDN purge/compare capabilities.

Stack: React, TypeScript, React Query, Yarn Berry (PnP), Terraform

1. Developed Real-Time CDN Monitoring Dashboard

  • Built a live monitoring dashboard for long-duration streaming events (e.g., sports broadcasts), visualizing 25-minute windows of per-minute traffic data
  • Implemented polling-based data collection with Publish-Subscribe pattern: bound subscribers to each new data point per minute, propagating updates only to affected components
  • Minimized browser load under high data volume, delivering stable performance during extended real-time monitoring sessions

2. Established Monorepo Architecture

  • Modularized shared UI components and utilities across CPD-Admin and Cloudplex Launcher projects
  • Adopted Yarn Berry PnP to resolve phantom dependency issues and optimize package management

3. Built Terraform-Based CI/CD Pipeline

  • Codified AWS deployment resources (CodeBuild, S3) with Terraform, enabling reproducible infrastructure across 4 environments (dev/stg/prod/demo)
  • Minimized deployment configuration errors through infrastructure-as-code practices

Side Projects

Megabobs — Cafeteria Menu Service

megabobs.com

Conceived, built, and operate a cafeteria menu web service for MegazoneCloud. Grew organically to 100+ daily active users and became an essential internal service. Integrated with Slack App and MCP server for seamless access.

hongsoohyuk.com — Personal Portfolio

hongsoohyuk.com

Full-stack personal site built with Next.js 16 and React 19. Features include a Gemini AI-powered chat assistant with Vercel AI SDK (SSE) streaming, Notion/Instagram API integrations, and a web-based CLI terminal with vim editor and filesystem. Architected with Bulletproof React patterns for extensibility.

Stack: Next.js, React, Vercel AI SDK, SSE, Notion API, Spotify API, TanStack React Query, Supabase

Education

Myongji University · B.S. in Applied Software Engineering · March 2015 – February 2023

Certifications

SQL Developer (SQLD) · April 2023