전체

프로덕션 환경에서 발생한 메모리 누수 문제를 heapdump와 Chrome DevTools로 추적했다. EventEmitter 리스너 해제 누락이 원인이었다.

수백 MB급 CSV 파일을 메모리에 올리지 않고 처리하는 방법을 정리했다. 스트림 API를 사용해 메모리 사용량을 90% 이상 줄일 수 있었다.

프로젝트에 Tailwind CSS를 도입하면서 기존 CSS-in-JS 방식에서 utility-first 방식으로 전환했다. 초기 거부감이 있었지만 생산성 측면에서 확실한 이점을 발견했다.

Android 앱 성능 개선을 위해 Hermes 엔진을 도입했다. 번들 크기와 초기 실행 속도가 크게 개선되었지만 디버깅 환경 설정에 약간의 시행착오가 있었다.

FastAPI로 구축한 API 서버에서 aiohttp 세션을 제대로 닫지 않아 메모리 누수가 발생했다. 컨텍스트 매니저와 의존성 주입을 활용해 세션 라이프사이클을 관리하여 문제를 해결했다.

React 17로 업그레이드하면서 document 레벨 이벤트 리스너와 충돌이 발생했다. 이벤트 위임이 root 노드로 변경되면서 생긴 문제와 해결 과정을 정리했다.

프로젝트를 React 17로 업그레이드하면서 겪은 이슈들을 정리했다. 주요 변경사항은 JSX Transform과 이벤트 위임 방식 변경이었다.

프로덕션 API 서버에서 메모리 사용량이 지속적으로 증가하는 문제를 발견했다. 프로파일링 결과 작은 객체의 빈번한 할당이 원인이었고, sync.Pool을 활용해 해결했다.

200MB가 넘는 CSV 파일을 한번에 읽다가 메모리 부족 에러를 만났다. 스트림 기반 파싱으로 전환해 메모리 사용량을 1/10로 줄인 과정을 기록한다.

React 17로 업그레이드하면서 이벤트 위임 방식이 document에서 root DOM으로 변경되었다. 모달 라이브러리에서 발생한 이벤트 버블링 이슈를 해결한 과정을 기록했다.