GitHub Actions workflow를 수동으로 trigger하기(feat. inquirer.js)

workflow_dispatch + inquirer.js를 이용하여 수동으로 workflow를 trigger시켜 배포하는 방법을 소개합니다.

자바스크립트로 만든 유한 상태 기계 XState

XState와 리액트를 사용해 간단한 장바구니를 만들면서 XState의 기본적인 사용법을 알아봅니다.

카카오 공채 입사 후 10개월 FE개발팀에서의 여정

카카오엔터테인먼트에 합류한지 10개월이 지났습니다. 그동안 있었던 일과 FE개발팀에서의 여정을 소개합니다.

React 이벤트와 브라우저 이벤트

React 이벤트와 브라우저 이벤트를 함께 다루면서 생겼던 문제를 살펴봅니다.

바나나 먹는 미니언 게임을 만들어 보자(feat. 캔버스)

캔버스로 간단한 게임을 만드는 법에 대해 설명합니다.

MSW를 활용하는 Front-End 통합테스트

MSW를 Front-End 통합테스트에 적용해서 할 수 있는 다양한 테스트를 소개합니다.

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

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

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

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

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

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

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

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