전체

ES2019에서 제안된 Array.flat() 메서드를 IE11 환경에서 사용하기 위해 폴리필을 직접 구현했다. 재귀 방식과 스택 방식 두 가지를 비교하고, 실무에 적용 가능한 수준으로 작성했다.

100만 건 이상의 CSV 데이터를 처리하는 배치 작업이 너무 느려서 멀티프로세싱을 적용했다. 단순 반복문 대비 4배 가까운 성능 향상을 얻었고, 메모리 관리에서 몇 가지 주의사항을 발견했다.

레거시 TypeScript 프로젝트에 strictNullChecks 옵션을 점진적으로 적용하는 과정을 기록했다. 기존 코드베이스에서 발생하는 타입 에러를 단계적으로 해결하는 전략을 정리했다.

여러 API 호출을 병렬로 처리하다 Promise.all의 에러 처리 방식 때문에 장애를 겪었다. 하나의 실패가 전체를 멈추는 문제를 해결한 과정을 정리했다.

프로젝트 규모가 작은데 Redux를 도입하는 것이 과한 것 같아 고민하던 중, React 16.3에서 새로 개선된 Context API를 사용해봤다. Prop drilling 문제를 해결하면서도 보일러플레이트를 최소화할 수 있었다.

레거시 코드를 리팩토링하면서 대량의 데이터를 처리하는 부분에서 성능 이슈가 발생했다. forEach와 전통적인 for문의 성능 차이를 측정하고, 실무에서 어떤 선택을 해야 할지 정리했다.

여러 페이지에서 반복되는 데이터 fetching 로직을 HOC로 처리하다가 타입 추론 문제에 부딪혔다. Render Props 패턴으로 전환하면서 타입 안정성과 재사용성을 모두 확보한 과정을 정리했다.

소규모 프로젝트에서 Redux를 걷어내고 React 16.3의 Context API로 전환했다. 보일러플레이트가 줄고 번들 사이즈도 개선되었지만, 트레이드오프는 분명히 존재했다.

Angular 6로 업그레이드하면서 RxJS 6의 pipe 연산자로 전면 변경하는 작업을 진행했다. import 경로 변경과 체이닝 방식의 변화로 인해 예상보다 손이 많이 갔던 경험을 정리한다.

Angular 5에서 6으로 업그레이드하면서 RxJS 6의 변경된 import 구조 때문에 빌드가 깨졌다. 파이프 연산자 방식으로 전면 수정한 과정을 기록한다.