AI BriefingKakao Entertainment Tech news
The latest AI and developer news from Kakao Entertainment Tech, with short summaries.
Visit website →Kakao Webtoon Reveals Frontend Performance Optimization Cases Including SSR Caching and Loading Shimmer
Kakao Webtoon revealed frontend optimization cases that improved TPS and response times by tens of times through SSR caching, and enhanced user experience via loading shimmer and passive event listeners.
GraphQL Mutation Design Principles: Explicit Naming, Single Input Object, and Nested Structures
This article presents methods to enhance scalability and maintainability in GraphQL Mutation design through explicit naming, the use of a single input object, and nested structures.
Implementing Multi-Region Deployment and Automation with GitHub Actions at Kakao Webtoon
A Kakao Webtoon developer shared a case study on implementing test automation, Slack notifications, multi-region deployment, and scheduled deployment using GitHub Actions.
Kakao Entertainment Developer Shares How to Handle Async Data and Resolve Race Conditions with React Suspense
A Kakao Entertainment developer introduced how to resolve race conditions and Waterfall problems during async data fetching using React Suspense.
KakaoWebtoon Shares Case Study on Rendering Performance Optimization Using IntersectionObserver
KakaoWebtoon improved rendering performance by applying hardware acceleration and IntersectionObserver, demonstrating frame stability compared to scroll events in a CPU 6x throttling test.
Kakao Entertainment FE Applies 12-Factor Principles to Next.js, Reducing Deployment Time from 15 Minutes to 1 Minute
The Kakao Entertainment FE development team applied 12-Factor App principles to Next.js services, reducing deployment time from 15 minutes to 1 minute and implementing request-level log tracing using async_hooks.
KakaoPage Shares How to Prevent SSR Flicker and Use CSS Variables for Web Dark Mode
KakaoPage implemented dark mode by controlling body tag classes and CSS variables, resolving flicker with render-blocking scripts.
Implementing Cursor-to-End Movement in Kakao Webtoon Search: Using setSelectionRange and setTimeout 0ms
A case study on resolving timing issues in the Kakao Webtoon search bar by using setSelectionRange and setTimeout 0ms to always move the cursor to the end.
React.Children.toArray() Flattens Arrays but Not Fragments; react-keyed-flatten-children Cited as Sole Solution
React.Children.toArray() flattens nested arrays and assigns unique keys but fails to flatten children inside React.Fragment, with react-keyed-flatten-children cited as the only current solution.
Kakao Entertainment Developer Shares 4 Practical TypeScript Tips
Introduced four tips to improve type safety and productivity, such as using union types instead of enums and mapped types instead of index signatures.