Blog

Polling 기반 실시간 모니터링 대시보드에서 createNotification 패턴으로 O(1) 수준의 선택적 리렌더링을 구현한 사례 분석

Google Spreadsheet를 SSOT로 활용하여 PO가 관리하는 번역 데이터를 CLI 한 줄로 프론트엔드 JSON 리소스로 동기화하는 자동화 파이프라인 설계 및 구현 과정

100개 이상의 엔티티 확장을 고려한 App Registry 패턴으로, 조건 분기 없이 config 파일 하나로 엔티티를 추가할 수 있는 프론트엔드 아키텍처 설계 및 구현 과정

레거시 React 프로젝트에서 Webpack 4가 느린 구조적 원인을 분석하고, Vite가 왜 효과적인지 수치와 아키텍처 차이로 정리했다.

실제 32만줄 규모의 React 프로젝트에서 발견한 소프트웨어 원칙 위반 사례를 코드 예시와 함께 정리했다.

Discriminated Union과 Composition 패턴으로 확장 가능한 필터 컴포넌트 아키텍처를 설계한 경험 정리

레거시 플랫 구조의 대규모 React 모노레포를 FSD 아키텍처로 점진적 전환한 경험과 전략 정리

Playwright를 활용한 E2E 테스트의 핵심 개념과 실전 설정 방법을 정리한 가이드. 테스트 피라미드, 인증 처리 전략, Locator Best Practices까지 다룹니다.

E2E 테스트에서 가장 어려운 질문인 '무엇을 테스트할 것인가'에 대한 체계적인 기준을 제시합니다. 선정 원칙, 우선순위 매트릭스, 시나리오 유형별 분류까지.

AI 코딩 어시스턴트에서 Playwright를 활용하는 3가지 방법(CLI Skill, MCP Server, Test Runner)과 상황별 선택 기준을 정리했다.

tbd

소프트웨어 아키텍처 The Basics 2장 요약. 아키텍처와 설계의 차이, 기술적 너비와 깊이, 트레이드오프 분석, 코딩 실무 균형을 다룬다.

소프트웨어 아키텍처 The Basics 서론 요약. 아키텍트의 역할과 소프트웨어 아키텍처의 정의, 트레이드오프의 중요성을 다룬다.