이재성(Bard)
React 컴포넌트와 추상화
![thumbnail-image-/2022/221020-component-abstraction/](/static/251bbf698ec1fd4b72bc41f06eeaf61a/afa5c/thumbnail.png)
React 컴포넌트를 어떻게 더 잘 추상화할 수 있을지 이야기하려 합니다.
이혁원(Bill)
FE개발그룹에서는 Tailwind CSS를 왜 도입했고, 어떻게 사용했을까?
![thumbnail-image-/2022/221013-tailwind-and-design-system/](/static/79689371edb0427dbe79c30a2198352f/afa5c/thumbnail.png)
FE개발그룹에서 Tailwind CSS를 도입하게 된 이유를 소개하고, 실제 사용해본 경험을 토대로 여러 팁 들을 공유합니다.
이동혁(ray)
GitHub Actions workflow를 수동으로 trigger하기(feat. inquirer.js)
![thumbnail-image-/2022/220929-workflow-dispatch-with-inquirer-js/](/static/45a9323b8b5379006427d577cdd6bf99/afa5c/thumbnail.png)
workflow_dispatch + inquirer.js를 이용하여 수동으로 workflow를 trigger시켜 배포하는 방법을 소개합니다.
2022.09.29·7 min read
김성호(shiren)
자바스크립트로 만든 유한 상태 기계 XState
![thumbnail-image-/2022/220922-make-cart-with-xstate/](/static/f4da59e002a96a5f5cc65c83057e6fd1/afa5c/thumbnail.png)
XState와 리액트를 사용해 간단한 장바구니를 만들면서 XState의 기본적인 사용법을 알아봅니다.
유재석(Cloto)
카카오 공채 입사 후 10개월 FE개발팀에서의 여정
![thumbnail-image-/2022/220915-10month-after-join-fe-team/](/static/c6f1c5a479430d7282ab2779bb3a27fa/afa5c/thumbnail.png)
카카오엔터테인먼트에 합류한지 10개월이 지났습니다. 그동안 있었던 일과 FE개발팀에서의 여정을 소개합니다.
최성원(Shai)
React 이벤트와 브라우저 이벤트
![thumbnail-image-/2022/220908-react-event-and-browser-event/](/static/85719277e63ac18dd6a5a53edca1fee4/afa5c/thumbnail.png)
React 이벤트와 브라우저 이벤트를 함께 다루면서 생겼던 문제를 살펴봅니다.
허동욱(Root)
바나나 먹는 미니언 게임을 만들어 보자(feat. 캔버스)
![thumbnail-image-/2022/220830-simple-canvas-game/](/static/eebe2cd5cda2fd5d1c83b7a1b62be7f9/afa5c/thumbnail.png)
캔버스로 간단한 게임을 만드는 법에 대해 설명합니다.
2022.08.30·6 min read
송기연(Kaki)
MSW를 활용하는 Front-End 통합테스트
![thumbnail-image-/2022/220825-msw-integration-testing/](/static/f0fe9ac0944baac215ed13f18f4fcdb1/afa5c/thumbnail.png)
MSW를 Front-End 통합테스트에 적용해서 할 수 있는 다양한 테스트를 소개합니다.
방경민(Kai)
합성 컴포넌트로 재사용성 극대화하기
![thumbnail-image-/2022/220731-composition-component/](/static/ed73cda4b33aa617d31c9f2ce9b02209/afa5c/thumbnail.png)
합성 컴포넌트를 사용해 재사용성이 높은 컴포넌트를 만드는 방식을 소개합니다.
이동희(east)
자바스크립트의 새로운 기능들
![thumbnail-image-/2022/220728-es2022/](/static/c6c5b9afef89f3fcafa4050e28b32e02/afa5c/thumbnail.png)
ES2022에 정식으로 채택된 새로운 기능과 ES2023에 채택될 기능을 미리 알아봅시다.
KEYWORDS
ALLreactnextjstestcssjavascriptperformancegithub actions컴포넌트htmlssrgraphqltroubleshootingbackstopjsawscorsweb apipwatypescripttailwind상태관리webpackstorybookcommoncomponentbffreact-querysafariiosamplifyserverlesscomposite actionjavascript actiontransitionsolidarchitecturesrpocplspispdipchatgptaijestscrollsnapcarousele2emarkdownservice workerrtkredux/toolkitrtk queryseorouterioctwin.macrokakaoentjunioronboardingecmascriptesbuild리팩토링lighthousev8환경변수buildhttphttp2dockerwebworkerimagecanvasthreadbuilderbabelterserswcsuspense비동기12factor