Blog
Development articles and book notes
React 실시간 대시보드에서 Publish-subscribe 패턴으로 렌더링 최적화하기
Polling 기반 실시간 모니터링 대시보드에서 createNotification 패턴으로 O(1) 수준의 선택적 리렌더링을 구현한 사례 분석
Google Spreadsheet 기반 다국어(i18n) 자동화 파이프라인 구축기
Google Spreadsheet를 SSOT로 활용하여 PO가 관리하는 번역 데이터를 CLI 한 줄로 프론트엔드 JSON 리소스로 동기화하는 자동화 파이프라인 설계 및 구현 과정
App Registry 패턴으로 멀티 엔티티 SaaS 프론트엔드 설계하기
100개 이상의 엔티티 확장을 고려한 App Registry 패턴으로, 조건 분기 없이 config 파일 하나로 엔티티를 추가할 수 있는 프론트엔드 아키텍처 설계 및 구현 과정
Webpack 4 → Vite 마이그레이션, 감이 아닌 근거로 설명하기
레거시 React 프로젝트에서 Webpack 4가 느린 구조적 원인을 분석하고, Vite가 왜 효과적인지 수치와 아키텍처 차이로 정리했다.
32만 줄 레거시 프로젝트 코드 품질 부검
실제 32만 줄 규모의 React 프로젝트에서 발견한 소프트웨어 원칙 위반 사례를 코드 예시와 함께 정리했다.
Custom Field 대응을 위한 필터 시스템 추상화 설계
Discriminated Union과 Composition 패턴으로 확장 가능한 필터 컴포넌트 아키텍처를 설계한 경험 정리
엔터프라이즈 SaaS 플랫폼에서 Feature-Sliced Design 점진적 마이그레이션
레거시 플랫 구조의 대규모 React 모노레포를 FSD 아키텍처로 점진적 전환한 경험과 전략 정리
E2E 테스트 시나리오 선정 기준
E2E 테스트에서 가장 어려운 질문인 '무엇을 테스트할 것인가'에 대한 체계적인 기준을 제시하고, 선정 원칙과 우선순위 매트릭스, 시나리오 유형별 분류를 정리한다.
아키텍처적 사고
소프트웨어 아키텍처 The Basics 2장 요약. 아키텍처와 설계의 차이, 기술적 너비와 깊이, 트레이드오프 분석, 코딩 실무 균형을 다룬다.
서론
소프트웨어 아키텍처 The Basics 서론 요약. 아키텍트의 역할과 소프트웨어 아키텍처의 정의, 트레이드오프의 중요성을 다룬다.