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.
They resolved the risk of data leakage in server environments using AsyncLocalStorage and implemented identical logic for both client and server.
By applying ISR-based Full Route Cache to product listing and detail pages, average TPS increased from 34 to 220.
Proposes three principles for improving common component quality: avoiding all-in-one designs, hiding native elements, and applying ARIA.
The KakaoPage web team resolved CPU overload and TPS degradation on their BFF server, caused by the default `keepAlive` value (false) in Node.js HTTP Agent, by explicitly setting it to true.
The test structure was changed to use an HTTP server within Docker following the discontinuation of filesystem support in Storybook 7.
It presented the causes and code-based solutions for four major bugs, including scroll position, Z-axis rendering, and touch events.
This analysis examines the interaction between QueryClient, QueryCache, and QueryObserver, and the mechanism for component re-rendering upon server state changes using useSyncExternalStore.
Introduction to implementing authentication, database, and API with just a few lines of code using Amplify CLI and UI components
CORS errors occur due to missing CORS headers in GET Fetch requests caused by Chrome and Safari cache policies, which can be resolved by global imports or adding the crossorigin attribute.
Rendering errors caused by Next.js Dynamic Import stripping the Swiper component's displayName can be resolved by manually setting it or using the transpilePackages option.
Improved readability by converting multi-environment conditional statements into a Map structure and enhanced execution performance with node_modules caching.
How to easily implement complex view transitions using the View Transitions API.
The team shared practical experience applying SOLID principles to React component design and BFF architecture to enhance maintainability and scalability.
Developing a Next.js and Tailwind CSS-based webtoon service prototype using ChatGPT (gpt-3.5) took approximately 5 hours, but design and verification remained the developer's responsibility due to compatibility issues with the latest libraries and hallucinations.
Implement zoom-in and zoom-out logic by measuring the change in distance between fingers using the TouchEvent API without any libraries.
This article introduces practical experience in building visual regression tests integrated with Storybook using the free open-source BackstopJS, and automating them with Docker and GitHub Actions.
This article introduces how to set up Jest Custom Matchers to reduce repetitive validation logic and the process of defining TypeScript types.
Applying Sorry-Cypress parallel testing reduced E2E execution time from over 2 minutes to the 30-second range.
Implement home screen installation with three conditions: HTTPS, manifest, and service worker.
This article introduces how to implement an image carousel without JavaScript by understanding the principles of the Scroll-Snap API and utilizing the scroll-snap-type and scroll-snap-align properties.
Appropriate technology is a core leadership role that balances developers' desire to learn with the company's goal of stable operations.
Introduction to automating E2E tests without writing code using Cypress Studio via the Standalone app and experimentalStudio option, and managing them with Git
This article introduces techniques for replacing custom tags in Gatsby Markdown with React components by leveraging the AST transformation principles of the unified library.
AI Briefing