AWS CodePipeline에서 GitHub Actions로 CI/CD를 전환하고, 워크플로우 재사용 구조와 Discord 알림을 구성한 과정을 정리하였습니다.

GA4 사용자 행동 데이터 설계를 실제 React 프로젝트에 어떻게 적용했는지를 정리한 글입니다. 초기 설정부터 이벤트 수집, 사용자 식별, WebView 환경까지 구현 과정에서 고려한 포인트를 공유합니다.

SMWP로 빌드 병목을 분석해 TerserPlugin이 50% 시간을 차지함을 확인했습니다. Babel과 Terser를 SWC로 전환한 결과, Hot Reloading은 60% 개선되고 배포 빌드는 40초에서 16초로 단축되었습니다.

프런트엔드 최적화를 하다 보면 결국 Webpack 설정으로 돌아오게 됩니다. 캐시 전략부터 이미지·환경 변수 처리까지 모두 Webpack 단계에서 해결해야 하죠. 하지만 전체 흐름을 이해하지 못하면 작은 설정 변경에도 예기치 않은 문제가 발생합니다. 이번 글에서는 We

텍스트 하이라이트 기능을 Selection API와 XPath로 구현하는 방법. iOS/Android/PC 모두에서 안정적으로 동작하도록 이벤트를 처리하고, 선택한 구간을 저장·복원하는 전체 과정을 단계별로 정리합니다.

Service Worker는 브라우저와 네트워크 사이에서 동작하며 요청을 가로채는 조용한 조력자입니다. 이 글에서는 그 정체와 동작 원리, 그리고 왜 PWA의 핵심 기술인지 쉽게 풀어 설명합니다.

서비스 운영의 핵심은 ‘감’이 아니라 데이터 기반의 판단입니다. Google Analytics 4는 사용자의 실제 행동을 수치로 분석해, 서비스 개선의 방향을 명확히 제시합니다. 이 글에서는 그 데이터를 어떻게 설계하고 해석할지에 대해 이야기합니다.

이번 글에서는 staleTime, gcTime, retry, requestCoalescing을 구현해 캐시 정책과 안정성을 강화해보겠습니다.

이번 글에서는 주요 기능을 직접 구현하면서, 내부 구조가 어떻게 구성되어 있는지도 함께 살펴보려고 합니다.

이 글에서는 내가 TanStack Query를 직접 구현하게 된 이유에 대해서 작성했습니다.