이동희(east)
자바스크립트의 새로운 기능들
ES2022에 정식으로 채택된 새로운 기능과 ES2023에 채택될 기능을 미리 알아봅시다.
조지영(esme)
Next/Image를 활용한 이미지 최적화
Next/Image에 대해서 간단히 설명하고, 도입 과정에서 겪었던 문제와 해결 방법에 대해서 설명합니다.
함성준(kevin)
Webpack 빌드에 날개를 달아줄 Esbuild-Loader
Webpack 빌드 과정에서 사용할 수 있는 Esbuild-Loader를 통해 빌드 타임을 개선하여 봅니다.
서현우(bono)
웹 애니메이션을 구현하는 4가지 방법 (feat. animation API)
웹 애니메이션을 구현하는 4가지 방법(transition, animation, svg, animation API)에 대해 소개합니다.
유동식(rich)
Webpack Module Federation 도입 전에 알아야 할 것들
Module Federation에 관한 용어와 원리를 설명합니다. 꼭 읽어보고 도입하시길 권장합니다.
서종만(coze)
스토리북 작성을 통해 얻게 되는 리팩토링 효과
스토리북으로 UI 컴포넌트를 독립적으로 그려보면서 자연스럽게 마주하게 되었던 리팩토링 경험을 소개합니다.
최용열(raon)
Lighthouse CI를 알아보고 Github Actions에 적용하기
Lighthouse 및 Lighthouse CI에 대해 알아보고 Github Actions에 간단히 적용해봅니다.
권현빈(vinny)
자바스크립트 v8 엔진의 가비지 컬렉션 동작 방식
v8 엔진의 메모리 구조와 가비지 컬렉션의 원리를 이해하고, 어떻게 발전했는지 알아봅시다.
정호일(harry)
아토믹 디자인을 활용한 디자인 시스템 도입기
카카오페이지 웹 서비스에서 아토믹 디자인을 어떻게 구축하고 있는지 소개합니다.
2022.05.05·15 min read
김규재(novell)
Runtime 환경 변수 설정으로 빌드 프로세스 개선하기
빌드 과정이 아닌 런타임 과정에서 환경 변수를 설정하여, 빌드 프로세스를 개선하는 방법을 소개합니다.
KEYWORDS
ALLreactnextjstestcssjavascriptperformancegithub actions컴포넌트htmlssrgraphqltroubleshootingbackstopjsawscorsweb apipwatypescripttailwind상태관리webpackstorybookturborepomonorepojust-in-time packagesmoduleresolutionjitcommoncomponentbffreact-querysafariiosamplifyserverlesscomposite actionjavascript actiontransitionsolidarchitecturesrpocplspispdipchatgptaijestscrollsnapcarousele2emarkdownservice workerrtkredux/toolkitrtk queryseorouterioctwin.macrokakaoentjunioronboardingecmascriptesbuild리팩토링lighthousev8환경변수buildhttphttp2dockerwebworkerimagecanvasthreadbuilderbabelterserswcsuspense비동기12factor