Naver Financial - Corporate Employee Welfare Platform (Frontend Lead)

• Led the design and implementation of a scalable SPA architecture using React Router Data APIs
• Designed end-to-end authentication and error-handling flows between the BFF and frontend, including a custom error class–based domain exception framework
• Established a consistent async data-loading structure by separating route-level checks from client-side data fetching, primarily using React Query
• Reduced production bundle size by 30% and improved performance through lazy loading, dynamic module loading, and request deduplication
• Built a complex form state management system using React Hook Form and Zod, including secure file signature verification
• Improved production monitoring security and accuracy by applying Sentry integration with hidden sourcemaps
• Improved API reliability by migrating from swagger-typescript-api to Orval, introducing OpenAPI-based client generation with Zod-powered runtime response validation, reducing integration errors and increasing confidence in backend data contracts
• Enhanced user experience by implementing client-side timeout handling and refetch strategies during BFF delays and gateway timeout scenarios
• Contributed to implementing a Canary dark-release deployment strategy to replace the legacy Blue/Green process, enabling stable QA and progressive rollouts

Naver Financial - Customer Inquiry Portal (Frontend Development, Sub Project)

• Implemented the customer inquiry page with requirement-driven UI improvements
• Improved mobile UI stability through cross-device testing

Naver Financial - Internal Admin Dashboard (Frontend Development, Sub Project)

• Developed internal admin dashboards using React and applied Jotai for state management
• Integrated multiple BFF and backend APIs to support core features and ensure maintainable service interactions

This Website - ryanch0.dev

• Built a full-stack personal blog using Next.js 15 (App Router) and Supabase for authentication, storage, and database management
• Handled login and post creation logic on the server using Next.js Server Actions
• Adopted a static-first rendering strategy with on-demand revalidation using revalidatePath to balance performance and content freshness
• Implemented a custom Markdown editor and renderer based on MDX
• Built a Tailwind CSS–based design system and improved UI details
• Implemented protected route handling and server-side auth verification using Next.js Middleware
• Enhanced login security by integrating CAPTCHA and applying Redis-based IP rate limiting to block bot and brute-force attacks
• Built an i18n locale management structure and improved routing by integrating it with Middleware