합성 컴포넌트로 재사용성 극대화하기

합성 컴포넌트를 사용해 재사용성이 높은 컴포넌트를 만드는 방식을 소개합니다.

자바스크립트의 새로운 기능들

ES2022에 정식으로 채택된 새로운 기능과 ES2023에 채택될 기능을 미리 알아봅시다.

Next/Image를 활용한 이미지 최적화

Next/Image에 대해서 간단히 설명하고, 도입 과정에서 겪었던 문제와 해결 방법에 대해서 설명합니다.

Webpack 빌드에 날개를 달아줄 Esbuild-Loader

Webpack 빌드 과정에서 사용할 수 있는 Esbuild-Loader를 통해 빌드 타임을 개선하여 봅니다.

웹 애니메이션을 구현하는 4가지 방법 (feat. animation API)

웹 애니메이션을 구현하는 4가지 방법(transition, animation, svg, animation API)에 대해 소개합니다.

Webpack Module Federation 도입 전에 알아야 할 것들

Module Federation에 관한 용어와 원리를 설명합니다. 꼭 읽어보고 도입하시길 권장합니다.

스토리북 작성을 통해 얻게 되는 리팩토링 효과

스토리북으로 UI 컴포넌트를 독립적으로 그려보면서 자연스럽게 마주하게 되었던 리팩토링 경험을 소개합니다.

Lighthouse CI를 알아보고 Github Actions에 적용하기

Lighthouse 및 Lighthouse CI에 대해 알아보고 Github Actions에 간단히 적용해봅니다.

자바스크립트 v8 엔진의 가비지 컬렉션 동작 방식

v8 엔진의 메모리 구조와 가비지 컬렉션의 원리를 이해하고, 어떻게 발전했는지 알아봅시다.

아토믹 디자인을 활용한 디자인 시스템 도입기

카카오페이지 웹 서비스에서 아토믹 디자인을 어떻게 구축하고 있는지 소개합니다.