Angular

레거시 Angular 프로젝트를 정리하다 RxJS 5에서 6으로 마이그레이션하면서 operator import 방식을 변경했다. pipe 메서드 도입으로 코드 가독성이 크게 개선되었고, 번들 사이즈도 줄어든 경험을 정리한다.

회사 프로젝트에서 Angular로 복잡한 폼 상태를 관리하던 중 RxJS의 Subject와 Operator를 활용한 패턴을 적용했다. NgRx 도입 전, 가벼운 상태 관리가 필요할 때 유용했던 방법을 정리했다.

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

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

레거시 Angular 4 프로젝트를 5로 마이그레이션하면서 TypeScript strict 옵션을 점진적으로 적용했다. 기존 코드베이스에서 발견된 타입 안정성 문제들과 해결 과정을 기록한다.

회사 프로젝트를 Angular 1.x에서 React 16으로 마이그레이션하기로 결정했다. 번들 크기와 러닝커브, 그리고 채용 시장을 고려한 선택이었다.

회사 프로젝트가 Angular 1.x에서 시작해 2년이 지났다. 최근 React 16 릴리즈를 보며 마이그레이션 가능성을 검토했고, 두 프레임워크의 실질적인 차이를 정리했다.

회사 프로젝트를 Angular 1.x에서 새로운 프레임워크로 전환하기로 했다. Angular 2+ 대신 React를 선택한 배경과 마이그레이션 전략을 정리했다.

Angular 4 프로젝트에서 Observable 구독 해제를 제대로 하지 않아 메모리 누수가 발생했다. 컴포넌트가 destroy될 때 구독을 해제하는 몇 가지 패턴을 정리했다.

회사 메인 프로덕트가 Angular 1.x로 작성되어 있었는데, 유지보수 부담이 커져서 React로의 마이그레이션을 결정했다. 한 번에 전환할 수 없어서 점진적 마이그레이션 전략을 세웠다.