Frontend

레거시 React 프로젝트에 TypeScript를 한 번에 적용하기엔 리스크가 컸다. allowJs 옵션을 활용해 점진적으로 마이그레이션한 과정을 정리했다.

여러 API를 병렬로 호출할 때 Promise.all을 사용했는데, 하나만 실패해도 전체가 reject되는 문제가 있었다. 일부 실패를 허용하면서도 성공한 데이터는 받아올 수 있는 방법을 정리했다.

레거시 프로젝트에 TypeScript strict 모드를 적용하는 과정을 기록했다. 단계적 마이그레이션 전략과 주요 이슈 해결 방법을 정리했다.

React 16.5에서 추가된 Profiler API를 프로덕션 코드에 적용했다. DevTools만으로는 파악하기 어려웠던 실제 사용자 환경의 렌더링 성능을 측정할 수 있게 되었다.

운영 중인 Express API 서버에 TypeScript를 단계적으로 적용했다. JavaScript와 TypeScript를 혼용하면서 안정적으로 마이그레이션하는 방법을 정리했다.

프로젝트에서 async/await 사용 중 에러 핸들링이 일관되지 않아 문제가 발생했다. Promise rejection을 놓쳐 unhandled rejection 경고가 계속 뜨는 상황을 정리하며 비동기 에러 처리 방법을 다시 정리했다.

프로젝트에 TypeScript 도입을 결정했다. JavaScript 코드베이스를 점진적으로 마이그레이션하면서 자주 사용하는 타입 패턴들을 정리했다.

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

레거시 JavaScript 프로젝트에 TypeScript를 단계적으로 도입한 경험을 정리했다. tsconfig 설정부터 기존 코드와의 공존 방법까지 실무에서 적용한 내용을 기록한다.

대시보드 프로젝트에서 불필요한 리렌더링으로 성능 이슈가 발생했다. PureComponent와 shouldComponentUpdate를 적용해 렌더링 횟수를 70% 가량 줄인 과정을 정리했다.