AI Briefing#kakao-page
The latest AI and developer news about #kakao-page, with the original source and a short summary.
The latest AI and developer news about #kakao-page, with the original source and a short summary.
They resolved the risk of data leakage in server environments using AsyncLocalStorage and implemented identical logic for both client and server.
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.
The team shared practical experience applying SOLID principles to React component design and BFF architecture to enhance maintainability and scalability.
Due to the absence of React 18 adoption, they developed and applied a custom Fetcher component instead of Suspense.
Custom units and plugins were applied to resolve readability issues and the lack of naming conventions in Emotion CSS, while improving accessibility.
Reusability and intuitiveness were improved by resolving the scalability limits of prop-based implementations with composition components.
Total home image size decreased from 25MB to 589KB, and page load time was reduced from 1.11s to 386ms.
KakaoPage Web shared practical solutions for subjective criteria issues, Figma integration, and Storybook usage encountered during the adoption of Atomic Design.
KakaoPage has revealed a Next.js-based BFF architecture that adopts Urql, which uses document-based caching, to resolve data overwriting issues caused by Apollo Client's ID-based caching, while integrating it with Redux.
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.
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 implemented dark mode by controlling body tag classes and CSS variables, resolving flicker with render-blocking scripts.
When Melon's similar song recommendation is used, the weekly average number of streams increases by 24% and the number of unique songs by 53%.