AI Briefing#frontend
The latest AI and developer news about #frontend, with the original source and a short summary.
The latest AI and developer news about #frontend, with the original source and a short summary.
Kurly's Fintech Group adopted a NestJS and GraphQL-based BFF to boost frontend productivity and block the impact of backend changes.
Olive Young built its own block-based CMS in-house, reducing content production time from 7 days to 20 minutes and implementing a framework-independent editor.
This covers scenario-specific strategies for solving scroll restoration issues caused by data loading and dynamic content changes in SPA environments.
Using Framelink Figma MCP to automatically convert design drafts into React components significantly reduced development time.
Shares hands-on experience analyzing and resolving CORS errors and Version Skew issues occurring in a Next.js SSR environment.
To deliver a seamless short-form experience on Olive Young's community app Shutter, the team adopted the HLS format and implemented a hybrid upload approach.
This covers the process of solving main thread load and UI degradation issues that occur when processing high-resolution images in Oliveyoung's Shutter service, by introducing Web Worker.
SK Planet's Syrup automated design-to-development handoff and boosted development productivity through a Design System and Figma-Storybook integration.
Lighthouse scores improved from the 70s to the 90s by applying virtual scrolling, uncontrolled components, and Message Queue batching.
The Kakao Story FE Development Team improved the developer experience by applying Just-in-Time Packages to their TurboRepo monorepo, allowing direct source references without compilation.
Three sessions on AI agents, TDD, and internal RAG bots will be held on December 18 at Pangyo Agit.
The 11st search frontend redesigned its structure around minimal units of responsibility and explicit rules.
SK Planet's UPTN Station improved FCP from 699ms to 204ms and optimized UX by introducing Skeleton UI and Tanstack-Query.
Oliveyoung shares the rendering issues and solutions faced while converting its existing JSP-based planned exhibition system to Next.js.
Presentations range from applying TDD to KakaoMap on October 23 to case studies of the web performance monitoring service 'Pharus'.
They dropped the Slack bot that required human intervention and switched to deployment-triggered automation.
This introduces a method for boosting development productivity by dynamically implementing a frontend client for gRPC communication using the JavaScript Proxy API.
Kakaopay developers built the Slack bot 'Angmond', equipped with automation and TIL recording features, to energize their tech-sharing culture.
This explains how Olive Young leverages TypeScript's type system to reliably manage complex product data.
They resolved the risk of data leakage in server environments using AsyncLocalStorage and implemented identical logic for both client and server.
Figma conventions and Figma Plugin API tools reduced the gap between design and code.
Proven effective through A/B testing after application to ad templates, it was expanded into an internal shared library.
This introduces CDN integration methods and Docker image lightweighting strategies that boost performance when running Next.js directly on AWS ECS.
A library developed over 1.5 years as an internal side project is scheduled to be applied to a live service next month.