이혁원(Bill)

FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?

thumbnail-image-/2022/221013-tailwind-and-design-system/

FE개발그룹에서 Tailwind CSS를 도입하게 된 이유를 소개하고, 실제 사용해본 경험을 토대로 여러 팁 들을 공유합니다.

이동혁(ray)

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

thumbnail-image-/2022/220929-workflow-dispatch-with-inquirer-js/

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

·7 min read
김성호(shiren)

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

thumbnail-image-/2022/220922-make-cart-with-xstate/

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

유재석(Cloto)

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

thumbnail-image-/2022/220915-10month-after-join-fe-team/

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

최성원(Shai)

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

thumbnail-image-/2022/220908-react-event-and-browser-event/

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

허동욱(Root)

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

thumbnail-image-/2022/220830-simple-canvas-game/

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

·6 min read
송기연(Kaki)

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

thumbnail-image-/2022/220825-msw-integration-testing/

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

방경민(Kai)

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

thumbnail-image-/2022/220731-composition-component/

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

이동희(east)

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

thumbnail-image-/2022/220728-es2022/

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

조지영(esme)

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

thumbnail-image-/2022/220714-next-image/

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