AI BriefingKakao Entertainment Tech news
The latest AI and developer news from Kakao Entertainment Tech, with short summaries.
Visit website →Implementing an Image Carousel Without JavaScript Using the CSS Scroll-Snap API
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 from a Developer's Perspective: Prioritize Service Requirements and Organizational Context Over Latest Tech
Appropriate technology is a core leadership role that balances developers' desire to learn with the company's goal of stable operations.
Building Low-Code E2E Test Automation with Cypress Studio
Introduction to automating E2E tests without writing code using Cypress Studio via the Standalone app and experimentalStudio option, and managing them with Git
Inserting React Components into Markdown: How to Use unified and MDX
This article introduces techniques for replacing custom tags in Gatsby Markdown with React components by leveraging the AST transformation principles of the unified library.
Implementing Mock Responses by Intercepting Network Requests with Service Workers
This article introduces code that intercepts actual network requests and returns fake responses using Service Workers and MessageChannel.
Basic Guide to Website SEO Based on Google Search Console: From Sitemaps to Performance Optimization
Presents a 7-step procedure from Google Search Console registration to sitemaps, robots.txt, metadata, duplicate URL resolution, and performance optimization.
Handling Unfinalized APIs with an RTK Query-Based Adapter Layer
This article introduces a strategy of introducing an adapter layer in the early stages when API response models are not finalized to minimize changes to UI components.
Implementing a Hash Router Directly with Vanilla JS Without Libraries
This article introduces the process of building an SPA routing system using Fragment hashes and regular expressions without react-router-dom.
TypeScript Type System Explained: Structural Typing, Union/Intersection Types, and Object Literal Checks
This article explains structural typing, union/intersection types, template literal types, and strict object literal checking rules with examples.
221110 IoC Patterns
Compared the pros, cons, and application scenarios of Render Props, Compound Component, Controlled Props, Props Getter, and State Reducer patterns.
KakaoPage Reveals Asynchronous Error Handling Strategy Using React Error Boundaries
Due to the absence of React 18 adoption, they developed and applied a custom Fetcher component instead of Suspense.
React Component Abstraction: Flexible Design Through Responsibility Separation and Composition
The core lies in eliminating domain dependencies from generic components and separating business logic via custom hooks.
KakaoPage Adopts Tailwind CSS and Twin.Macro to Build a Design System
Custom units and plugins were applied to resolve readability issues and the lack of naming conventions in Emotion CSS, while improving accessibility.
Kakao Webtoon Improves Deployment Automation with workflow_dispatch and inquirer.js
The approach involves running GitHub Actions from the terminal by selecting region and env without creating a branch.
Learning FSM and State Management by Implementing a Shopping Cart with XState
This article outlines how to declaratively manage complex UI state flows using XState's core features, such as context, guards, and services.
Kakao Entertainment FE Development Team Reveals New Hire Onboarding and Gather Town-Based Remote Collaboration Culture
The team introduced its operational methods, including the use of Gather Town, a six-month training program, and a Coordinator-Corporator system.
Resolving Event Propagation Issues When Using React with Swiper
This article analyzes why stopPropagation fails when using Swiper alongside React due to React's event delegation structure and presents three solutions.
Tutorial: Building a Minion Banana Catcher Game with React and Canvas
The tutorial implements a 600x600 pixel game where bananas spawn every 500ms and accelerate at 0.02 units per frame, with each caught banana awarding 50 points.
Mocking Strategies to Enable Integration Testing Before API Development with MSW
This article introduces how to use MSW to return mock data, verify various scenarios such as conditional rendering and error handling, and improve the efficiency and maintainability of integration tests even when API development is incomplete.
KakaoPage Introduces Composition Component Pattern for Dialog Modal Reusability
Reusability and intuitiveness were improved by resolving the scalability limits of prop-based implementations with composition components.