이재성(Bard)
React 컴포넌트와 추상화
React 컴포넌트를 어떻게 더 잘 추상화할 수 있을지 이야기하려 합니다.
이혁원(Bill)
FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?
FE개발그룹에서 Tailwind CSS를 도입하게 된 이유를 소개하고, 실제 사용해본 경험을 토대로 여러 팁 들을 공유합니다.
이동혁(ray)
GitHub Actions workflow를 수동으로 trigger하기(feat. inquirer.js)
workflow_dispatch + inquirer.js를 이용하여 수동으로 workflow를 trigger시켜 배포하는 방법을 소개합니다.
2022.09.29·7 min read
김성호(shiren)
자바스크립트로 만든 유한 상태 기계 XState
XState와 리액트를 사용해 간단한 장바구니를 만들면서 XState의 기본적인 사용법을 알아봅니다.
유재석(Cloto)
카카오 공채 입사 후 10개월 FE개발팀에서의 여정
카카오엔터테인먼트에 합류한지 10개월이 지났습니다. 그동안 있었던 일과 FE개발팀에서의 여정을 소개합니다.
최성원(Shai)
React 이벤트와 브라우저 이벤트
React 이벤트와 브라우저 이벤트를 함께 다루면서 생겼던 문제를 살펴봅니다.
허동욱(Root)
바나나 먹는 미니언 게임을 만들어 보자(feat. 캔버스)
캔버스로 간단한 게임을 만드는 법에 대해 설명합니다.
2022.08.30·6 min read
송기연(Kaki)
MSW를 활용하는 Front-End 통합테스트
MSW를 Front-End 통합테스트에 적용해서 할 수 있는 다양한 테스트를 소개합니다.
방경민(Kai)
합성 컴포넌트로 재사용성 극대화하기
합성 컴포넌트를 사용해 재사용성이 높은 컴포넌트를 만드는 방식을 소개합니다.
이동희(east)
자바스크립트의 새로운 기능들
ES2022에 정식으로 채택된 새로운 기능과 ES2023에 채택될 기능을 미리 알아봅시다.
KEYWORDS
ALLreactnextjstestcssjavascriptperformancegithub actions컴포넌트htmlssrgraphqltroubleshootingbackstopjsawscorsweb apipwatypescripttailwind상태관리webpackstorybookcommoncomponentbffreact-querysafariiosamplifyserverlesscomposite actionjavascript actiontransitionsolidarchitecturesrpocplspispdipchatgptaijestscrollsnapcarousele2emarkdownservice workerrtkredux/toolkitrtk queryseorouterioctwin.macrokakaoentjunioronboardingecmascriptesbuild리팩토링lighthousev8환경변수buildhttphttp2dockerwebworkerimagecanvasthreadbuilderbabelterserswcsuspense비동기12factor