AI BriefingKakao Entertainment Tech news
The latest AI and developer news from Kakao Entertainment Tech, with short summaries.
Visit website →Applying JIT Packages to TurboRepo in Kakao Story FE: Skipping Builds and Upgrading to Next.js 13.5
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.
Kakao Story FE Team Reveals How to Reduce Redux Dependencies Using 'File Variables'
They resolved the risk of data leakage in server environments using AsyncLocalStorage and implemented identical logic for both client and server.
Melon Commerce Improves TPS by 6x Using Next.js Full Route Cache
By applying ISR-based Full Route Cache to product listing and detail pages, average TPS increased from 34 to 220.
3 Strategies to Enhance the Value of Common React Components: Scalable Design, Native Element Usage, and Accessibility
Proposes three principles for improving common component quality: avoiding all-in-one designs, hiding native elements, and applying ARIA.
KakaoPage: Resolving BFF Outage Caused by Node.js keepAlive Default Value Error
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.
Kakao Entertainment Shares Case Study on Automating Storybook-Based Visual Regression Tests with BackstopJS
The test structure was changed to use an HTTP server within Docker following the discontinuation of filesystem support in Storybook 7.
Cross-Browser Issues and Solutions for Safari and Mobile Environments
It presented the causes and code-based solutions for four major bugs, including scroll position, Z-axis rendering, and touch events.
Internal Architecture Analysis of React Query: useQuery Hook and Component Re-rendering Principles
This analysis examines the interaction between QueryClient, QueryCache, and QueryObserver, and the mechanism for component re-rendering upon server state changes using useSyncExternalStore.
Building Serverless Full-Stack Applications with AWS Amplify
Introduction to implementing authentication, database, and API with just a few lines of code using Amplify CLI and UI components
Root Cause and Solution for CORS Errors When Importing CSS Inside Next.js 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.
Fixing Swiper Component displayName Loss with Next.js Dynamic Import
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.
KakaoWebtoon Refactors Complex GitHub Actions Shell Scripts into JavaScript Actions
Improved readability by converting multi-environment conditional statements into a Map structure and enhanced execution performance with node_modules caching.
Implementing Complex View Transitions Easily with the View Transitions API
How to easily implement complex view transitions using the View Transitions API.
KakaoPage Shares Case Study on Frontend Architecture Design Based on SOLID Principles
The team shared practical experience applying SOLID principles to React component design and BFF architecture to enhance maintainability and scalability.
Developing a Webtoon Service with ChatGPT: Took 5 Hours, Design and Verification Remain the Developer's Responsibility
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.
Implementing Mobile Web Pinch Zoom Directly with JavaScript
Implement zoom-in and zoom-out logic by measuring the change in distance between fingers using the TouchEvent API without any libraries.
Sharing Experience in Building and Automating Visual Regression Tests with BackstopJS
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.
Reducing Repetitive Test Code with Jest Custom Matchers: Setup and Usage
This article introduces how to set up Jest Custom Matchers to reduce repetitive validation logic and the process of defining TypeScript types.
FE Group's Success Story with E2E Testing: Reducing Speed to the 30-Second Range with Sorry-Cypress
Applying Sorry-Cypress parallel testing reduced E2E execution time from over 2 minutes to the 30-second range.
How to Install Web Apps Like Native Apps Using A2HS
Implement home screen installation with three conditions: HTTPS, manifest, and service worker.